表单的几种类型用法

最新推荐文章于 2023-07-14 19:00:42 发布

zxhta

最新推荐文章于 2023-07-14 19:00:42 发布

阅读量1k

点赞数

本文链接：https://blog.youkuaiyun.com/zxhta/article/details/102731026

版权

<!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>