image.png
-
效果
image.png 16.html5表单的创建.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>16.html5表单的创建</title>
</head>
<body>
<form action="">
用户名:
<input type="text">
<br/>
密码:
<input type="password">
<!--复选框-->
<br/>
你喜欢水谷心音?
<br/>
斯科拉<input type="checkbox">
明日花<input type="checkbox">
水野朝阳<input type="checkbox">
<br/>
<!--单选框-->
请选择你的性别:
<!--如果name属性不同就不能实现单选效果-->
男<input type="radio" name="sex">
女<input type="radio" name="sex">
<br/>
<!--下拉列表-->
请选择你经常访问的网站
<select name="" id="">
<option value="">www.baidu.com</option>
<option value="">www.google.com</option>
<option value="">www.meinv.com</option>
</select>
<!--创建按钮-->
<input type="button" value="按钮">
<input type="submit" value="提交">
</form>
<!--文本域-->
<textarea cols="30" rows="30">请在此填写个人信息</textarea>
</body>
</html>
