<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form action=""method="get">
<!--get不加密网页post加密网页。name和value写,会进入一个网页。value确定文本内容,disabled锁定文本。 -->
姓名:<input type="text" name="username" value="zxh"disabled><br>
密码:<input type="password"name="username"value="123456"><br>
性别:<input type="radio" name="sex" value="1"id="aa"checked><!--radio必须要有name文本属性,默认选中加checked-->
<label for="aa">男</label><!-- 加label可点文字,必须写id-->
<input type="radio" name="sex" value="2"id="bb">
<label for="bb">女</label>
喜欢的地方:
<input type="checkbox"name="cities"id="bj">
<label for="bj">北京</label><!-- 加label可点文字,必须写id-->
<input type="checkbox"name="cities"id="sh">
<label for="sh">上海</label>
<input type="checkbox"name="cities"id="gz">
<label for="gz">广州</label>
<input type="checkbox"name="cities"id="hz">杭州<br>
<!-- 选择文件 -->
<input type="file"><br>
<input type="submit"><!--input type="submit" value="登录",value定义新文字-->
<input type="reset">
<input type="button">
</form>
<!-- size=""加在id后数显示几个数。 disabled写在value后:禁用 selected写在value后:必须选它。 muiliple写在id后:多选 -->
<select name="" id="">
<option value="">请选择</option>
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
<option value="">4</option>
<option value="">5</option>
<option value="">6</option>
<option value="">7</option>
</select>
<!-- 意见表 。在rows后加style="resize:none;"把表格大小限定了 -->
<textarea name="" id="" cols="30" rows="10"></textarea>
</body>
</html>
表单的几种类型用法
最新推荐文章于 2024-03-26 22:19:00 发布