html常用标签

44 阅读1分钟
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h3>文本框</h3>
    <input type="text" value="默认值">

    <h3>密码框</h3>
    <input type="password">

    <h3>普通按钮</h3>
    <input type="button" value="注册">

    <h3>提交按钮</h3>
    <input type="submit" value="登录">

    <h3>重置按钮</h3>
    <input type="reset" value="重置">

    <h3>下拉框</h3>
    <select>
        <option>北京</option>
        <option>上海</option>
        <option selected="selected">广州</option>
        <option>武汉</option>
    </select>

    <h3>带分组的下拉框</h3>
    <select>
        <optgroup label="北京市">
            <option>海淀区</option>
            <option>朝阳区</option>
            <option>昌平区</option>
        </optgroup>
        <optgroup label="上海市">
            <option>海淀区</option>
            <option>朝阳区</option>
            <option>昌平区</option>
        </optgroup>
    </select>

    <h3>表单</h3>
    <form action="" method="">
        账号:<input type="text"> <br>
        密码:<input type="password"> <br>
        <input type="submit" value="登录">
        <input type="reset" value="重置">
    </form>

    <h3>表单页面</h3>
    <form action="" method="">
        <fieldset>
            <legend>问卷调查</legend>
            性别:<input type="radio" name="sex">男
            <input type="radio" name="sex">女
            <input type="radio" name="sex">保密
            <br>
            兴趣:<input type="checkbox">唱歌
            <input type="checkbox">跳舞
            <input type="checkbox">rap
            <br>
            上传文件:<input type="file">
            <br>
            自我介绍:
            <textarea cols="10" rows="10"></textarea>
            <br>
            <input type="submit" value="提交">
            <input type="reset" value="重置">
        </fieldset>
    </form>

    <h3>注册表单</h3>
    <form action="http://www.163.com" method="post">
        <div>
            用户名:
            <input type="text" name="username" id="username">
        </div>

        <div>
            密码:
            <input type="password" name="pwd" id="pwd">
        </div>

        <div>
            性别:
            <input type="radio" name="gender" id="male" value="0">
            <label for="male">男</label>
            <label>
                <input type="radio" name="gender" id="female" value="1">女
            </label>

        </div>
    </form>
</body>
</html>