HTLM5 notes 5

<html>
	<head>
		<meta charset="utf-8" />
		<title>基础标签</title>
	</head>
	<body>
		<!-- 简单标签:收集用户 信息,包括<form></form>表单域、表单控制、提示信息    -->
		<!--<form>-->
		<form>
		<!--表单控件:输入控件、下拉列表 、文本域-->
	    <!--输入控件:<input >-->
		<form>
		账号:<input type="text" />
		<br>密码:<input type="password" />
		<br />性别:<input type="radio" name="xinbie"/>男<input type="radio"name="xinbie"/>女
		<br />爱好:<input type="checkbox"/>打篮球<input type="checkbox"/>游戏<input type="checkbox"/>跳舞
		<br /><input type="submit"/> <input type="reset"/> <input type="button"value="发送验证码"/>
		<!--下拉 表-->
		<br />籍贯:<select>
		<optgroup label="贵阳市">
		    <option>云岩区</option>
		    <option>花溪区</option>
		     <option>南明区 </option>
		</optgroup>
		<optgroup label="遵义市">
		    <option>汇川区 </option>
		    <option>红花岗区</option>
		</optgroup>
		 </select>
		 <!--文本域-->
		 <br />留言:<textarea></textarea>
		</form>
	</body>
</html>


input:输入
type:类型
text:文本
password:密码
radio:收音机、广播、单选
name:名字
hceckbox:多选、复选框
submit:提交
reset:重置
button:按钮
value:价值、值
select:选择
option:选项
optgroup:定义选项组
textarea:文本域、可输出多行文本

Guess you like

Origin blog.csdn.net/weixin_54989803/article/details/114276743