<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>百度一下,你就知道</title>
</head>
<body>
<!--
action:指定表单数据目的地
method:设置使用哪个方法处理请求: get-doGet,地址栏显示数据,不安全,post-doPost地址栏不显示数据,安全,且数据承载量比get大;
enctype:默认为"application/x-www-form-urlencoded",上传文件需改为"multipart/form-data"
-->
<form action="" method="" enctype="application/x-www-form-urlencoded">
<!--
hidden:设置隐藏框,页面不显示,主要用于向服务器端传递隐含数据
name:指定隐藏的name值,将来Servlet用于获取该框的数据
value:用于设置默认值
id:用于唯一标识该隐藏框,整个页面唯一,不允许重复,在确保唯一的前提下,常常与name标签属性值相同
-->
<input type="hidden" name="id" value="11"/>
<!--
text:默认值,设置文本框
name:用于servlet获取该框的值
placeholder:设置提示信息
value:用于设置默认值
id:用于唯一标识该文本框,整个页面唯一,不允许重复,在确保唯一的前提下,常常与name标签属性值相同
maxlength:设置最长字符个数
readonly:设置文本框内容只读,但是数据可以被Servlet获取
disabled:禁用文本框,数据不可以被Servlet获取
-->
<input type="text" name="user_name" placeholder="请输入文本" value="admin" id="user_name" maxlength="10" readonly="readonly" disabled="disabled"/>
<!--
password:默认值,设置密码框
name:用于servlet获取该框的值
placeholder:设置提示信息
value:用于设置默认值
id:用于唯一标识该密码框,整个页面唯一,不允许重复,在确保唯一的前提下,常常与name标签属性值相同
maxlength:设置最长字符个数
readonly:设置密码框内容只读,但是数据可以被Servlet获取
disabled:禁用密码框,数据不可以被Servlet获取
-->
<input type="password" name="password" placeholder="请输入密码" value="admin" id="user_name" maxlength="5" readonly="readonly" disabled="disabled"/>
<!--
name:用于servlet获取该框的值
id:用于唯一标识该下拉列表,整个页面唯一,不允许重复,在确保唯一的前提下,常常与name标签属性值相同
multiple:设置下拉列表多选,此时Servlet应该调用request.getParameterValue()获取所有数据
-->
<select name="province" id="province" multiple="multiple">
<option>--请选择--</option>
<!--
value:用于设置默认值,将来被Servlet获取
disabled:禁用下拉项,该项不能被选择
selected:用于设置默认选项
-->
<option value="001" disabled="disabled">北京市</option>
<option value="002" selected="selected">天津市</option>
<option value="003">上海市</option>
</select>
<!--
radio:设置单选框
name:用于servlet获取该框的值
value:用于设置默认值
id:用于唯一标识该单选框,不与name标签属性值相同
disabled:禁用单选框,数据不可以被Servlet获取
checked:用于设置默认选中项
-->
<input type="radio" name="sex" value="0" id="female" disabled="disabled"/><label for="female">女</label>
<input type="radio" name="sex" value="1" id="male" checked="checked"/><label for="male">男</label>
<!--
checkbox:设置复选框
name:用于servlet获取该框的值,request.getParameterValues()
value:用于设置默认值,被Servlet捕获
id:用于唯一标识该单选框,不能与name标签属性值相同
disabled:禁用复选框,数据不可以被Servlet获取
checked:用于设置默认选中项
-->
<input type="checkbox" name="hobby" value="0" id="basketball" disabled="disabled"/><label for="basketball">篮球</label>
<input type="checkbox" name="hobby" value="1" id="football"/><label for="football">足球</label>
<input type="checkbox" name="hobby" value="2" id="pingpang" checked="checked"/><label for="pingpang">乒乓球</label>
<!--
file:设置文件框
name:用于servlet获取该框的值
id:用于唯一标识该下拉列表,整个页面唯一,不允许重复,在确保唯一的前提下,常常与name标签属性值相同
disabled:禁用文件,数据不可以被Servlet获取
multiple:选择多个文件
-->
<input type="file" name="" id="" disabled="disabled" multiple="multiple"/>
<!--
textarea:设置文本域
name:用于servlet获取该框的值,request.getParameterValues()
id:用于唯一标识该下拉列表,整个页面唯一,不允许重复,在确保唯一的前提下,常常与name标签属性值相同
disabled:禁用文本域,数据不可以被Servlet获取
checked:用于设置默认选中项
cols:
rows:
readonly:设置文本域内容只读,但是数据可以被Servlet获取
resize:CSS样式属性,用于设置是否禁止调整文本域大小
-->
<textarea name="" id="" cols="120" rows="10" style="resize: none;" disabled="disabled" readonly="readonly">
</textarea>
<!--
submit:提交表单
value:设置按钮信息
id:用于唯一标识该按钮
disabled:禁用提交按钮
-->
<input type="submit" value="提交" disabled="disabled" id=""/>
<!--
reset:重置表单
value:设置按钮信息
id:用于唯一标识该按钮
disabled:禁用重置按钮
-->
<input type="reset" value="重置"/>
<!--
button:仅仅是一个按钮,不会提交表单
value:设置按钮信息
id:用于唯一标识该按钮
disabled:禁用按钮
-->
<input type="button" value="按钮"/>
</form>
</body>
</html>
HTML中form表单
最新推荐文章于 2022-10-25 16:36:25 发布