表单选项标签
file:文件选择框
hidden:隐藏域,用于提交一些信息。
按钮:
submit:提交按钮。可以提交表单
button:普通按钮
image:图片提交按钮
src属性指定图片的路径
label:指定输入项的文字描述信息
注意:
label的for属性一般会和 input 的 id属性值 对应。如果对应了,则点击label区域,会让input输入框获取焦点。
select: 下拉列表
子元素:option,指定列表项
textarea:文本域
cols:指定列数,每一行有多少个字符
rows:默认多少行。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--提交的网址 是否在地址栏显示 --> <form action="#" method="get"> <!-- 用户别名找到对于运行的标签 输入框 名字 输入框显示字段 前面别名的id--> <labet for="qwe">用户名</labet><input type="text" name="username" placeholder="请输入用户名" id="qwe"><br> <!-- 用户别名找到对于运行的标签 输入框 名字 输入框显示字段 前面别名的id--> <labet for="eqw">密码</labet><input type="password" name="gender" placeholder="请输入密码" id="ewq"><br> <!-- 单选框 赋值名字 提交的信息区分性别--> 性别:<input type="checkbox" name="gender" value="male" checked> 男 <input type="checkbox" name="gender" value="famale"> 女<br> <!-- 单选框 赋值名字 提交的信息区分性别--> 爱好:<input type="checkbox" name="hobby" value="guangjie">逛街 <input type="checkbox" name="hobby" value="chifan">吃饭 <input type="checkbox" name="hobby" value="shuijiao">睡觉 <input type="checkbox" name="hobby" value="dadoudoud">打豆豆<br> 图片:<input type="file" name="file"><br> 隐藏域<input type="hidden" name="id" value="aaa"><br> <!--根据路径去选择磁盘下的图片--> <!--取色器 --> <input type="color" name="color"><br> <!--包括年月日不包括时间--> 生日:<input type="date" name="birthday"><br> <!--包括年月日时分秒,几分之1秒。基于UTC时区--> 生日:<input type="datetime-local" name="birthday"><br> <!--datetime-local,包括年月日时分秒,几分之1秒。不带时区--> <!--定义输入数字的字段--> 年龄:<input type="number" name="age"><br> <!--输入邮箱格式非邮箱格式有提醒--> 邮箱:<input type="email" name="email"><br> <!--提交信息到地址栏--> 省份:<select name="province"> <!--定义列表项 并提交到地址栏--> <option>---请选择---</option> <option value="1">北京</option> <option value="2">河北</option> <option value="3">上海</option> <option value="4">北海</option> </select><br> <!--手动在页面输入信息--> <!--可输入五行一行20个字符 指定提交--> 自我介绍:<textarea cols="20" rows="5" name="des"></textarea> <input type="submit" value="登录"> <input type="button" value="一个按钮"> <input type="image" src="img/regbtn.jpg"> </form> </body> </html>
标签:单项,标签,表单,HTML,按钮,select From: https://www.cnblogs.com/agzq/p/16815548.html