html5 3.0 表单

表单的定义：多个输入框，以表格的形式展示

表单常用在网页登录和注册功能中

表单的元素属性：<input type="text"name="   ”value="  "/>type；指定当前元素的类型value：所见即所得name：提交到后端服务器的值

文本框<input type="text"value=" "/>用户在页面中输入的值明文显示；valuce="   "默认的值

密码框<input type="possword"/>用户在页面输入的值暗文显示

单选按钮：type=“radio”：代表单选按钮；name=“   ”name里面的值相同的话，代表是单选。否则是多选；valuce=“  ”里面的值不显示。发送到后台；checked=“checked代表初始网页打开时默认勾选某个框”

复选框(复选按钮:type="checkbox"意思是类型为多选按钮name=“  ” 注意多个多选框按钮的值保持一致 value=“ ”代表发送到后端服务器中的值，不显示checked=代表初始化页面默认勾选某个多选框

列表框：select是列表框中的标签名；option是列表框中列的标签名；select和option是一对组合不可分离，value存放的值是用来发送到服务器后端的，不是用来表示的；option之间的文本是用来表示的；结构<from><select name="love"><option value="0">中国</option><option value="1">美国</option><option value="2">俄罗斯</option></select></from>

图片按钮：reset；重置按钮submit：提交按钮button：普通按钮

多行文本域：<textarea></textarea>

文件域：上传文件至服务器后端；结构：<form action="  "enctype="multipart/form-data">

<input type="file"/>

<input type=“submit”value=" 上传”/></form>

邮箱表单：tpcy=email 代表如果用户输入邮箱的地址不符合邮箱地址的规范，会导致用户触发submit按钮之后，无法转到action中的html的页面，并提示警告。<tr> <td> 请输入邮箱地址</td><td><input type=email/></td></tr>

ps:注释快捷键ctrl+/

网址表单 type=url代表提交表单后，网址必须符合规范，否则会提示“请输入网址”。<tr> <td> 请输入网址</td><td><input type=url/></td></tr>

数字表单：type=number代表的含义是展示可以限制用户输入范围的标签类型min代表最小值，max代表最大值，step代表用户每一次选择数值的步长input type=number min=“0” max=“10” step=“2”

滑块表单：与数字表单相同number改为range

搜索框：带有删除的搜索框，按钮在搜索框之内input type=search