表格、表单

最新推荐文章于 2024-09-16 22:49:41 发布

吱吱吱-

最新推荐文章于 2024-09-16 22:49:41 发布

阅读量60

点赞数

文章标签： javascript html css

本文链接：https://blog.csdn.net/m0_73970213/article/details/129248270

版权

该文档展示了一个HTML表单的例子，包括text输入框、password密码框、radio单选按钮、checkbox复选框、select下拉列表、textarea文本域以及submit提交和reset重置按钮的使用。此外，提到了CSS选择器的链接，暗示了后续内容可能涉及CSS样式设计。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>

  <style>
  </style>
</head>

<body>
  <form action="./04.css常用选择器.html">
    <!-- 1.文本框 input标签 -->
    账号：<input type="text" name="youxiang" placeholder="手机号/身份证号">
    <!-- 2.密码框 password -->
    密码：<input type="password"><br>
    <!--3.性别框 radio 要用checked设置单选  -->
    性别：<input type="radio" name="sex" checked>男
    <input type="radio" name="sex" checked>女<br>
    <!-- 4.多选框 Checkbox -->
    兴趣爱好：<input type="checkbox"> 跑步
    <input type="checkbox">看电影
    <input type="checkbox" checked>唱歌
    <input type="checkbox"> 跳舞<br>
    <!-- 5.下拉框 创建select下拉框 写name属性 子元素写option属性 用selected属性设置默认选项 -->
    家庭所在地：
    <select name="area">
      <option value="合肥">合肥</option>
      <option value="北京"selected>北京</option>
      <option value="杭州">杭州</option>
    </select><br>
    <!-- 6.创建文本域 textarea  -->
     个人信息：
     <textarea name="mess" id="" cols="50" rows="10"></textarea><br>
     <!-- 7.提交按钮 sumbit -->
     <input type="submit" value="提交">
     <!-- 8.重置按钮 reset -->
     <input type="reset">
     <!-- 9.无意义按钮 2种button写法 -->
     <button type="button">按钮1</button>
     <input type="button">

  </form>
</body>

</html>