<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="" method="post">
<input type="text" name="name" value="文字">
<input type="password" name="password" placeholder="wenzi ">
<input type="radio" name="radio" id="233"><label for="233">文字</label>
<input type="checkbox" name="checkbox" checked>文字
<select>
<option value="不能相等">233</option>
<option value="不能相" selected>250</option>
<option value="不">233</option>
</select>
<input type="file" name="asd">
<form action="表单提交的路径" method="post或get" enctype="multipart/form-data">
文本框：
<input type="text" name="名字" value="可写可不写，默认值" size="设置文本框的长度" maxlength="文本框中允许输入的最大字符数"/><br/>
密码框：
<input type="password" name="名字" value="同上" /><br/>
单选按钮
<input type="radio" name="单选按钮名字必须相同" value="不能为空，不能相同" checked id = "id的值"/>
<label for="id的值">选项一</label>
<input type="radio" name="单选按钮名字必须相同" value="不能为空，不能相同" />
选项二<br/>
复选按钮
<input type="checkbox" name="复选按钮名字通常相同" value="不能为空，不能相同" checked id = "id的值2"/>
<label for="id的值2">选项一</label>
<input type="checkbox" name="复选按钮名字通常相同" value="不能为空，不能相同" />
选项二<br/>
列表框
<select name="名字" size="2">
<option value="值，也不能相同">文字1</option>
<option value="值，也不相同" selected>文字2</option>
<option value="值，不能相同">文字3</option>
<option value="值，也不能同">文字4</option>
</select><br/>
多行文本域：
<textarea name="名字" cols="一行显示多少字符" rows="默认显示多少行">可输入默认显示的文字</textarea><br/>
文件域
<input type="file" name="名字" /><br/>
<!--当表单中使用文件域时，需要在form标签里增加enctype="multipart/form-data"-->
邮箱：
<input type="email" name="名字" value="可写可不写" /><br/>
<!--email标签验证的是 @前后都需要有文本-->
网址：
<input type="url" name="名字" value="可写可不写" /><br/>
<!--url验证的是以http://开头-->
数字：
<input type="number" name="名字" value="可写可不写" max="最大值" min="最小值" step="数字间隔" /><br/>
滑块：
<input type="range" name="名字" value="可写可不写" max="最大值" min="最小值" step="数字间隔" /><br/>
搜索框：
<input type="search" name="名字" value="可写可不写"/><br/>
按钮
<input type="button" name="可写可不写" value="按钮显示的文字1"/>
<input type="reset" name="可写可不写" value="按钮显示的文字2">
<input type="submit" name="可写可不写" value="按钮显示的文字3">
<input type="image" src="图片的地址" name="可写可不写"><br/>
<!--submit和image默认都有提交功能，button默认不具备认可功能-->
<!--表单验证-->
<input type="button" name="" value="233">
<input type="submit" name="" value="23131">
隐藏域：
<input type="hidden" name="名字" value="可写可不写"/>
<!--是在表单中不对客户显示，但有其存在意义的表单元素，通常用于数据主键的存储-->
只读：在表单标签中加入readonly即可。<br />
禁用：在表单标签中加入disabled即可。<br />
占位符：placeholder,用于在表单元素中显示提示性的文字，但不影响value的值。<br />
必填项（非空验证）：在表单标签中加入required即可。<br />
模式：在表单元素中加入pattern属性，属性的值可加正则表达式，表示该标签值按照一定规则填写
</form>
</form>
</body>
</html>
01-18
1363
1363
08-26
473
473
10-22
1453
1453
01-13
1012
1012
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
