<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--
作者：[email protected]
时间：2019-12-20
描述：form
1、method ： 有 get（地址栏有用户的信息） / post（隐藏用户的信息；会更安全）
2、action ：添加的是提交到的服务器地址
3、type（有的类型）：radio（单选）button(单纯的按钮)submit(提交)checkbox(复选框)
color（颜色） date（日期） time（时间）datetime-local(本地时间)file(选择文件上传)
email（只能填写邮箱地址；会自动验证输入格式是否合法）
hidden（隐藏）image（选择图片）
4、select （下拉菜单）
<select>
<option name="" value="" selected(默认选中的列表项)></option>
</select>
5、按钮
reset（重置）
submit（提交到服务器）
button（普通按钮）(alert() 【alert是一个javaScript】点击按钮之后弹出一个对话框)（这个按钮需要和javascript设置才能成为我们需要的功能
6、多行文本框
textarea name= "www" rows=“行数” cols=“列数”
7、文件域
8、数字
限制输入的内容最大值，最小值，合法的数字间隔
type="number" name="num" min="最小值" max="最大值" step="合法数字之间的间隔"
9、range（滑块，进度条）
-->
</head>
<body>
<form action="">
<input type=" " name="" id="" />
<select name="月份"><label>yue</label>
<option value="月">11</option>
</select><lable>月</lable>
<input type="button" name="xiix" value="button按钮" onclick="alert(this.value)" />
<input type="image" src="img/黑色孤儿.jpg" value="222" onclick="alert(this.value)" />
<textarea name="" rows="10" cols="20">这是我的自我评价</textarea>
</form>
<form action="" method="post">
<!--
作者：[email protected]
时间：2019-12-20
描述：文件域
不同的浏览器得 显示会不同
-->
<p>
<input type="file" name="files"/><br />
<input type="submit" name="upload" value="上传" />
</p>
</form>
<hr />
<form action="">
邮箱：<input type="email" name="email" />
<input type="submit" />
<hr />
<input type="range" name="num" min="0" max="100" step="10"/>
<input type="submit" />
<p>
<input type="range" />
</p>
搜素框：<input type="search" name="sousou" />
<input type="submit" />
</form>
<hr size="10" color="black"/>
<!--
作者：[email protected]
时间：2019-12-20
描述：表单德 高级应用
1、readonly 只读文本框（概况中的文字无法修改）
2、disabled 禁用（按钮无法点击智能看不能修改）
W3C html5中规定对于布尔类型的属性，属性值可以省略
-->
<form >
<lable for="pass1">密码：</lable>
<input id="pass1" type="password" name="pass " />
</form>
</body>
</html>
上面的东西也是自己通多学习整理的一些小的知识点
原创文章 28
获赞 41
访问量 1043