表单
2018-07-13 本文已影响0人
末版车
表单:
一般来说表单都是用来提交信息的,网页中的表单是用来向服务器提交信息的,我们最常见的表单就是搜索框。
当我们在搜索框填入关键字后,点击搜索按钮,关键字会提交到后台的服务器中,服务器根据用户输入的关键字进行检索,返回相应信息。
表单可以将用户填写的信息提交到服务器。
使用标签来创建一个表单,表单中必须要有两个属性action和method。
action表示提交表单到服务器中的地址 ,method表示提交表单的方法。
一个表单中可以包括多个表单项。案例:
<form action='网站'>
文本框:
![](https://img.haomeiwen.com/i11866027/c6c641bd3bab4b33.png)
密码框:
![](https://img.haomeiwen.com/i11866027/d9b4e4c865a2b900.png)
单选框:
![](https://img.haomeiwen.com/i11866027/5099dd92b7c82ff6.png)
多选框:
![](https://img.haomeiwen.com/i11866027/5ada2746c14e1c41.png)
下拉列表:
![](https://img.haomeiwen.com/i11866027/0faeae8a6fb96f16.png)
input:
input使我们使用的最多的表单项,他可以根据不同的type属性呈现笔筒的状态。
type的属性可选值:
text文本框
password密码框
submit提交按钮
radio单选按钮
checkbox多选框
reset重置按钮
select、option
select用于创建一个下拉列表
option表示下拉列表中的列表项
optgroup用于列表项分组
textarea
textarea用来创建一个文本域,实际效果和文本框类似,只是可以输入多行数据。
可用属性:clos:文本域的列表 rows:文本域的列数