HTML表单标签
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="">
</head>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- 表单标签<form></form>
action:提交表单服务器地址
method:表单提交请求方式(Ajax:get/post)
<input type = '' name = ''>:表单中输入标签
type：规定输入类型
name:规定input名称
value:设置默认输入框值
可选值：text 文本输入框 placeholder:默认提示文本，焦点获取，消失不见
password 密码输入框
radio 单选按钮(name:单选分组，value：单选值，必须写)
checkbox 多选按钮(name:多选分组，value：多选值，必须写)
<lable for = '表单id名'></lable>:用于input标签的标注
-->
<form action="" method="">
<label for="a">文本输入框:</label>
<input type="text" name="uname" value="" id="a" placeholder=""><br>
密码输入框：<input type="password" name="pwd"><br>
单选按钮：<input type="radio" name="sex" value="uname">uname
<input type="radio" name="sex" value="age">age<br>
多选按钮：<input type="checkbox" name="set" value="bear">球
<input type="checkbox" name="set" value="yumao">羽毛球
<input type="checkbox" name="set" value="zuqiu">足球
<input type="checkbox" name="set" value="gouqiu">狗球<br>
颜色选择框：<input type="color" name="color"> <br>
日期选择框：<input type="date" name="day"> <br>
e-mail选择框：<input type="email" name="email"> <br>
搜索框：<input type="search" name="uname"> <br>
电话号码框：<input type="tel" name="tel"> <br>
文本域： <textarea>
</textarea><br>
下拉列表：<select>
<option value="">职业</option>
<option value="">老师</option>
<option value="">程序猿</option>
<option value="">服务员</option>
<option value="">猪脚</option>
<!-- value:发往服务器的选项值 -->
</select><br>
按钮：<button type="button" value="" >上交</button><br>
<!-- disabled:设置禁用 true:禁用；false：不禁用-->
提交按钮：<input type="submit" value="提交">
</form>
<script src="" async defer></script>
</body>
</html>
扫一扫
301
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
