表单
通过<form>标签进行定义
属性
action 指向了一个url
name 表单名字
method 提交方式 get/post 默认是get
enctype enctype="multipart/form-data"以二进制的方式进行传输
一个完整的表单包含了哪些?
form标签 =表单域(表单元素)+提交按钮
表单元素
<input type="text" />单行文本框 默认如果不写type类型,是text类型
<input type="passwodr" />密码框
<input type="radio" />单选按钮
<inpur type="chechbox" />复选框
单选和复选,名字相同即为一组,checked="checked"
<label>提升用户体验
<label for="myID">男</label>
<label type="radio" id="myID">
<input type="file">
提交方式必须指定为post
要添加enctype="multipart/form-data"
button 只是一个普通的按钮,需要结合js
submit 提交
image 提交作用,可能会提交两次,不推荐使用
reset 重置
<fieldset>
<legend>标题</legend>
</fieldset>
<select>
<optgroup label="中国">
<option value="0" selected="selected">北京</option>
<option value="1" disabled="disabled">上海</option>
<option value="2">蚌埠</option>
</optgroup>
</select>
以下属性其他表单域都可以使用
<textarea></textarea>多行文本框
placeholder 默认提示
require 必填
readonly 制度
disabled 不接选择
<input type="hidden" name="myHidden" value="testtest">
隐藏域不会显示给用户,会通过name和value把值传递到后台
HTML5新的input类型
email 邮件类型
URL 需要合法的网址
<input type="number" min="5" max="10">
rang 表示了范围 min最小值 max最大值 value 当前值
date 日期
search 搜索
color 色板