form 表单
action 提交跳转地址
常用控件-----
textarea 输入一段文本
select 下拉框 option
input
type="text" 文本输入框
type="password" 密码框
type="radio" 单选框
type="checkbox" 复选框
type="file" 上传控件
type="submit" 提交按钮
type="email" 邮箱 必须以@结尾
type="tell" 电话 (移动设备自动弹出数字输出法)
type="url" 网址
type="range" 数值选择
max="100" min="1" value="50" step(部署控制,每次移动多少)="10"
type="number" 数字选择
max="9" min="1" value="3" step="3"
type="color" 取色器
type="datetime-local" 时间(年月日小时)
time: 只有时间
date: 只有年月日
week: 第几周/年
month: 第几月/年
value: 值
name: 数据名称
常用属性-----
checked 单选和复选的默认选中
selected 的默认选中
disabled 禁止控件的编辑和提交
for= 要辅助input的id
pattern:正则验证
placeholder: 提示文字信息(不兼容IE)
autocomplete: 是否保存用户输入值 on(默认)/off
autofocus: 指定表单获取输入焦点
required: 强制用户输入不能为空
<input type="text" name="user" list="valList" required/>
<datalist id="valList">(为input中提示选择的内容,下拉框。)
<option value="javascript">javascript</option>
<option value="html">html</option>
<option value="css">css</option>
</datalist>
表单草稿箱
当用户想保存草稿箱时
为submit加入
formaction="地址" 新的提交地址
formnovalidate 取消验证
清除表单默认样式
form{margin:0;}
input,select,textarea{padding:0;margin:0;border:1px solid #000;}
textarea{resize:none;overflow:auto;}