表单
2016-11-28 本文已影响21人
itachi
<doctype html>
<html>
<head>
<meta charset="UTF-8"/>
<title>表单</title>
</head>
<body>
<!-- 表单用来设置可以输入/提交的内容范围，即form内的内容才可以提交给服务器
action：提交服务器的url -->
<form action="http://www.sohu.com">
<!-- 普通的文本框type=text -->
<p>
<label for="code">账号：</label><input type="text" id="code" value="abc"
maxlength="10" readonly="readonly">
<br/>
<!-- label用来申明表单中的文本可以通过for属性：
将此文本与矿体通过id绑定到一起，绑定后，点击此文本时，就相当于绑定了文本框 -->
账号1：<input type="text" id="code1" maxlength="10" >
</p>
<p>
<!-- value属性可以设置也可以不设置，设置时密码框中的内容为value的值 -->
<label for="pwd">密码：</label><input type="password" id="pwd">
</p>
<!-- 单选框 -->
<!-- radio必须设置为一组，才能彼此互斥 -->
<p>
性别：<input type="radio" name="sex"/>男
<!-- checked属性用来设置默认选中，可以简写为checked -->
<input type="radio" name="sex"/ checked>女
</p>
<!-- 复选框 -->
<P>
兴趣：
<input type="checkbox" id="baskedtball">篮球
<input type="checkbox" id="foottball">足球
<input type="checkbox" id="pingpang">乒乓
<input type="checkbox" id="lol">LOL
<input type="checkbox" id="camera">摄影
</P>
<!-- 上传文件 -->
<p>
上传文件：
<input type="file"/>
</p>
<!-- 按钮 -->
<p>
<!-- 用来提交表单的按钮 -->
<input type="submit" value="注册"/>
<!-- 用来重置表单的按钮 -->
<input type="reset" value="重置"/>
<!-- 用来自定义按钮 需要有JS的帮助-->
<input type="button" value="点我"/>
</p>
<!-- 其他元素 -->
<!-- 文本域 就是大号的文本框，rows占多少行，cols占 多少列-->
<p>
简介：<textarea rows="10" cols="10"></textarea>
</p>
<!-- 下拉选框 -->
<select>
<option selected>请选择</option>
<option>北京</option>
<option>上海</option>
<option>广州</option>
<option>深圳</option>
</select>
</form>
</body>
</html>
表单
