1.form表单:标签:name,使用,value,表单,HTML,提交,按钮,数字 From: https://blog.51cto.com/u_15907719/5938352
属性:method:提交方式(get显示提交,post隐性提交)
action:数据提交地址
enctype:表单编码属性
例:
<form method="get" action="#" enctype="multipart/form-data">
//表单内容
</form>
input:输入框
属性:type:输入框类型
name:输入框名字
value:默认值
size:初始宽度(当type为text或者password时以字符为单位,其它以像素为单位)
maxlength:最大字符输入长度
checked:默认选中(type值为radio或checkbox)
文本框:
例:<input required type="type" value="" name="userName" placeholder="请输入账号" size="16" maxlenfth="12">
密码框:
例:<input type="password" value="" name="password" placeholder="请输入密码">
单选按钮:(同一单选框name值必须相同)name,value必须写
例:
<input type="radio" name="sex" value="男" checked>男
<input type="radio" name="sex" value="女">女
复选按钮:(同一复选按钮name值必须相同)name,value必须写
例:
<input type="checkedbox" name="like" value="亡者农药">王者荣耀
<input type="checkedbox" name="like" value="逆战">逆战
<input type="checkedbox" name="like" value="刺激战场">刺激战场
<input type="checkedbox" name="like" value="LOL" checked>LOL
下拉框:(select:下拉框,option:选项,size:显示的行数,name和value必须写)
例:
<select name="interest">
<option value="sport">运动</option>
<option value="sport">睡觉</option>
<option value="killDouDou">打豆豆</option>
</select>
普通按钮:
例:
<input type="button" name="but" value="普通按钮">
提交按钮:
例:
<input type="submit" name="sub" value="提交按钮">
重置按钮:
例:
<input type="reset" name="res" value="重置按钮">
图片按钮:
例:
<input type="image" name="img" src="sub.jpg">
多行文本域:属性rows:显示的行数,cols:显示的列数
例:
<textarea name="area" rows="5" cols="40">这是多行文本域
</texetarea>
文件域:(如果表单中存在文件域,必须在form表单中添加表单编码属性enctype="multipart/form-dota")
例:
<input type="file" name="file">
邮箱:(会自动检查邮箱格式是否正确)
例:
<input type="email" name="email">
网址:(会检查网址格式是否正确)
例:
<input type="url" name="urls">
数字:(只能输入数字)step:合法数字间隔 min:允许出现的最小数字,max允许出现的最大数字
例:
<input type="number" name="number" step="2" min="0" max="100">
滑块:step:合法数字间隔 min:允许出现的最小数字,max允许出现的最大数字
例:
<input type="range" name="range" min="0" max="100" step="5">
搜索框:
例:
<input type="search" name="search">
<input type="text" name="phone" pattern="^1[3578]\d{9}">
disabled:禁用
hidden:隐藏
readonly:只读
表单初级验证:
required:不可为空,否则无法提交数据
placeholder:提示文字
pattern:正则表达式