<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>from表单</title>
</head>
<body>
<!--
action:设置表单数据目的地
method:设置使用哪个方法处理请求get-doGet;post-doPost.get:地址栏显示数据,数据不安全。post:地址栏不显示数据,数据安全,且
enctype:默认"application/x-www-form-urlencoded",上传文件"multipart/form-date"
-->
<form action="" method="" enctype="application/x-www-form-urlencoded">
<!--
hidden:设置隐藏框,页面不显示,主要用于向服务器端传递函数值
name:用于设置隐藏name值,将来Servlet用于获取该框的数据
value:用于设置默认值
-->
<input type="hidden" name="id" value="001"/>
<!--
test:设置文本框,默认值
name:用于Servlet获取该框的数据
placeholder:设置提示信息
value:用于设置默认值,此时placeholder提示信息不再显示
id:用于唯一标识该文本框,整个页面唯一,不允许重复;在确保唯一的前提下,常常与name标签属性值相同
maxlength:设置最长字符个数
readonly:设置文本框内容只读,数据可被Servlet获取
disabled:禁用文本框,数据不可被Servlet获取
-->
<input type="text" name="user——name" placeholder="请输入数据" value="admin" id="user_name" maxlength="5" readonly="readonly" disabled="disabled"/>
<!--
password:设置密码框,默认值
name:用于Servlet获取该框的数据
placeholder:设置提示信息
value:用于设置默认值,此时placeholder提示信息不再显示
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.getParameterVal()获取所有数据
-->
<select name="province" id="province" multiple="multiple">
<option>--请选择--</option>
<!--
value:用于设置选项值,将来该值被Servlet捕获
disabled:禁用下拉项,该项不能被选择
selected:用于设置默认选择项
-->
<option disabled="disabled">河南省</option>
<option selected="selected">北京市</option>
<option>上海市</option>
</select>
<!--
radio:设置单选框,默认值
name:用于Servlet获取该框的数据
value:用于设置默认值
id:用于唯一标识该密码框,不能与name标签属性值相同
disabled:禁用单选框,数据不可被Servlet获取
checked:用于设置默认选中项
-->
<input type="radio" name="sex" value="0" id="male" disabled="disabled"/><label for="male">男</label>
<input type="radio" name="sex" value="1" id="famale" checked="checked"/><label for="famale">女</label>
<!--
radio:设置复选框,默认值
name:用于Servlet获取该框的数据,request.getParameterValues()
value:用于设置默认值
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="pingpang"/><label for="pingpang">乒乓球</label>
<input type="checkbox" name="hobby" value="2" id="football" checked="checked"/><label for="football">足球</label>
<!--
file:设置文件框
name:用于Servlet获取该框的数据
id:用于唯一标识该文本框,整个页面唯一,不允许重复;在确保唯一的前提下,常常与name标签属性值相同
disabled:禁用文本框,数据不可被Servlet获取
multiple:用于设置多选
-->
<input type="file" name="" id="" multiple="multiple" disabled="disabled"/>
<!--
textarea:文本域
name:用于Servlet获取该框的数据
id:用于唯一标识该文本框,整个页面唯一,不允许重复;在确保唯一的前提下,常常与name标签属性值相同
resize:css样式属性,用于设置是否禁止调整文本域的大小
readonly:设置文本域内容只读,数据可被Servlet获取
disabled:禁用文本域,数据不可被Servlet获取
-->
<textarea name="" id="" cols="10" rows="10" style="resize: none;" disabled="disabled">
你好
</textarea>
<!--
submit:提交表单
value:设置按钮信息
id:用于唯一标识该按钮
disabled:禁用提交按钮
-->
<input type="submit" value="提交" id="" disabled="disabled"/>
<!--
reset:重置表单
value:设置按钮信息
id:用于唯一标识该按钮
disabled:禁用重置按钮
-->
<input type="reset" value="重置" id="" disabled="disabled"/>
<!--
button:仅仅是一个按钮
value:设置按钮信息
id:用于唯一标识该按钮
disabled:禁用按钮
-->
<input type="button" value="按钮" id="" disabled="disabled"/>
</form>
</body>
</html>