HTML5表单
程序员文章站
2022-05-11 10:51:53
...
HTML表单
1.用于获取不同类型的用户输入
2.常用表单标签：
<form> 表单
<input> 输入域
<textarea> 文本域
<label > 控制标签
<fieldset > 定义域
<legend> 区域的标题
<select> 选择列表
<optgroup> 选择项
<optinon > 下拉列表中的选项
<button> 按钮
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单</title>
</head>
<body>
<form>
用户名：
<input type="text">
<br/>
密码：
<input type="password">
<br/>
你喜欢的水果：<br>
<!--复选框-->
苹果<input type="checkbox">
西瓜<input type="checkbox">
草莓<input type="checkbox">
<br>
性别：
<!--单选框-->
男<input type="radio" name="sex">
女<input type="radio" name="sex">
<br>
常用网站选择
<!--下拉列表-->
<select>
<option>https://translate.google.cn</option>
<option>http://www.dianping.com</option>
<option>http://www.youku.com</option>
</select>
<br>
<!--按钮-->
<button >按钮</button>
<input type="button" value="按钮">
<input type="submit" value="提交">
</form>
<!--创建文本区域-->
填写信息<br>
<textarea cols="30" rows="30"></textarea>
</body>
</html>上一篇： HTML5 表单验证
下一篇： 项目前端小结