HTML表单常用元素

最新推荐文章于 2024-07-08 16:01:05 发布

北方_1999

最新推荐文章于 2024-07-08 16:01:05 发布

阅读量132

点赞数

文章标签： html

本文链接：https://blog.csdn.net/qq_43766055/article/details/109593827

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
<h1>注册</h1>
<form action="T.html" method="get">
    <p>名字：<input type="text" name="username" required></p>
    <p>密码：<input type="password" name="pwd"></p>
    <p>性别：<input type="radio"  name="sex" value="boy">男
        <input type="radio" name="sex"  value="girl">女</p>
    <p>爱好：
        <input type="checkbox" value="sleep" name="hobby">睡觉
        <input type="checkbox" value="coding" name="hobby">敲代码
        <input type="checkbox" value="study" name="hobby">学习
        <input type="checkbox" value="eat" name="hobby">吃饭
    </p>
    <p>按钮：
        <input type="button" name="btn1" value="点击变长"></p>
    <p>
        国家：
        <select name="列表名称" id="">
            <option value="china">中</option>
            <option value="us" selected>英</option>
            <option value="usa">美</option>
            <option value="japan">日</option>
        </select>
    </p>
    <input type="image" src="../resource/image/周杰伦.jpg" size="100px" width="20px">
    <p>反馈：
        <textarea name="textarea" cols="30" rows="10"> 内容</textarea>
    </p>
    <p>选择文件：<input type="file" name="files">
        <input type="button" name="upload" value="上传">
    </p>
    <p>
        邮箱<input type="email" name="email">
    </p>

    <p>
        url<input type="url" name="url">
    </p>
    <p>
        数量<input type="number" name="number" max="100" min="0" step="10">
    </p>
    <p>
        音量：<input type="range" max="100" min="0" name="voice" step="2">
    </p>

    <p>
        搜索:<input type="search" name="search">
    </p>
    <p><input type="submit" formtarget="_blank"></p>
    <p><input type="reset"></p>
</form>
</body>
</html>

北方_1999

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML表单常用元素

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单</title></head><body><h1>注册</h1><form action="T.html" method="get"> <p>名字：<input type="text"
复制链接

扫一扫