前端学习之表单标签
<!doctype html>
<html>
<head>
<meta charset="GBK"/>
<title> 表单</title>
</head>
<body>
<!-- action 表示数据要提交到哪个服务器 -->
<form action="http://www.baidu.com">
<!-- 明文输出�? -->
<!--
1.lable标签包裹文字
2.给要关联的输入框添加id
3.使用for属性关联id
4.这样点击文字的时候就会选中对应的输入框
-->
<label for="account">账号:</label><input type="text" name="zhanghao" id="account"><br>
<!-- 暗文输入�? -->
<label for="pwd">密码:</label><input type="password" id="pwd"><br>
<!-- 默�?��?-->
账号:<input type="text" value="iiiii"><br>
密码:<input type="password" value="222222"><br>
<!-- 单选框 那么相同可以让单选框互斥 checked默认选中-->
性别:
<input type="radio" name="xx">男
<input type="radio" name="xx" checked="checked">女<br>
<!-- 复选框 -->
爱好:
<input type="checkbox">篮球
<input type="checkbox">足球
<input type="checkbox" checked="checked">棒球<br><br>
<!-- button 第二个为图片button-->
<input type="button" value="按钮" onclick="alert('lnj')">
<input type="image" src="pic_ka.png" onclick="alert('lnj')" width="20">
<!-- 用来清除表单的数据 -->
<input type="reset" value="清空数据">
<!-- 用来提交表单的数据到服务器
form标签的action表示要提交的服务器
在需要提交的数据的标签中添加name属性表示这个数据需要提交
-->
<input type="submit">
<!-- hidden按钮不显示，用来悄悄地上传一些数据 -->
<input type="hidden" name="悄悄上传" value="666" ><hr><hr>
<!-- 下拉框选择 select
optgroup在下拉框中进行分组 label分组名
option每个分组下的一条
-->
<select>
<optgroup label="北京">
<option>1</option>
<option>23</option>
<option>44</option>
</optgroup>
<optgroup label="上海">
<option>1</option>
<option>23</option>
<option>44</option>
</optgroup>
</select>
<!-- textarea多行输入，可以指定默认的宽和高，通过制动行和列 -->
<textarea>
内容
</textarea>
</form>
</body>
</html>
