您的位置：首页 > Web前端 > HTML

HTML表单标签

2016-07-28 08:23 369 查看

<html><!--  -->
<head>
<title>表单标签</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
</head>
<body>
<!-- form用于标识表单的范围
action属性: 决定提交的位置
input
type属性:决定输入的类型
name属性(重点):提交的键
size属性:文本输入框的显示长度	 	text	password
maxlength属性:显示文本框输入长度	text	password
readonly:只读.不可修改文本内容.会提交    text	password
disabled:禁用.被禁用的表单项不会被提交. 所有input都可以使用
select
multiple: 多选
size:一次可以选择的选项数量
disabled:禁用
textarea
disabled:禁用
readonly:只读
form
action:表单提交的地址
method:表单提交的方式.
get提交:
1.将参数键值对拼装在Url地址之后.
2.get提交安全性相对较差
3.get提交参数长度有限
post提交:
1.参数不在Url上
2.post提交安全性相对较好
3.post提交理论上参数长度没有限制
-->
<form action="#" method="post">
用户名<input type="text" name="username"  size=3 maxlength=3 readonly="readonly" disabled="disabled"/><br/>
密码<input type="password" name="password"/><br/>
性别：男<input type="radio" name="sex" value="male"/> 女<input type="radio" name="sex" value="female"/><br/>
爱好：抽烟<input type="checkbox" name="habit" value="smoke"/>
喝酒<input type="checkbox" name="habit" value="drink"/>
烫头<input type="checkbox" name="habit" value="tangtou"/><br/>
学历：<select name=edu multiple>
<option value="bk">本科<option/>
<option value="ss">硕士<option/>
<option value="bs">博士<option/>
</select><br/>
个人说明：<textarea rows="10" cols="35" name="desc">这家伙很懒，什么也没留下</textarea><br/>
近照<input type="file" name="file"/><br/>
<input type="submit" value="提交"/> <input type="reset" value="重置">
</form>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航