Document

表单标签总结

表单标签总结

  • form
    • 定义供用户输入的表单
  • input
    • 定义输入域
  • textarea
    • 定义文本域(一多行的输入控件)
  • labei
    • 定义一个< input >元素的标签,并使用外框包含起来
  • fieldsel
    • 定义了一组相关的表单元素,并使用外框包含起来
  • legend
    • 定义了< fieldsel > 元素的标题
  • select
    • 定义了下拉选项列表
  • optgroup(了解)
    • 定义选项组
  • option
    • 定义下拉列表中的选项
  • button
    • 定义一个按钮

<!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>
</head>
<body>
    <form action="XX.html" method="get">

        <fieldset>
            <legend>账户信息</legend>   
            <label for="user"><b>*</b>用户名:</label><input type="text" name="userName" id="user" placeholder="用户"><br><br>
            <label for="pwd"><b>*</b>用户名:</label><input type="password" name="password" id="pwd" placeholder="密码"><br><br>
            <label for="">性别:</label><input type="radio" name="gende">男<input type="radio" name="gende">女<br><br>
        </fieldset>
        <fieldset>
            <legend>公司信息</legend>
            <label for="gongsi">公司名称:</label><input type="text" name="gongsi" id="gongsi" placeholder="输入信息"><br><br>
            <label for="xuanzr1">购买类型途径:</label><input type="radio" name="tujing">IT<input type="radio" name="tujing">通讯设备<br><br>
            <label for="file">营业执照</label><input type="file"><br><br>
            <input type="reset" value="重置"><br><br>
            <input type="button" value="提交"><br><br>
            <input type="submit" value="搜一搜提交"><br><br>
            <label for="">公司所在地</label>
            <select name="" id="">
                <option value="" selected:disabled >--选择--</option>
                <option value="">河南</option>
                <option value="">河北</option>
                <option value="">北京</option>
                <option value="">上海</option>
            </select>
            <br>
            <br>

            <label for="">公司行业</label>
            <select name="" id="" size="3">
                <option value="">IT行业</option>
                <option value="">计算机软件</option>
                <option value="">市场推广</option>
                <option value="">广告</option>
            </select>
            <br><br>
            <label for="">公司介绍:</label>
            <textarea name="" id="" cols="30" rows="10">介绍</textarea>
        </fieldset>

     
    </form>
</body>
</html>
posted @ 2022-08-11 13:05  一蓑烟雨任平生。。  阅读(46)  评论(0)    收藏  举报
Document