搜索
博主信息
博文 11
粉丝 0
评论 0
访问量 13092
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
表单提交及空间常用的元素的使用2019-0702
简单的博客
原创
819人浏览过

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单提交</title>
</head>
<body>
<h style="font-size: 30px">用户调查表单</h>
<br>
<br>
<br>
<form action="" method="get" name="register">
   <p>
       <!--label中的for属性值与input中的id属性值一致
            autofocus自动获取焦点
       -->
       <label for="username" style="font-size: 20px">用户:</label>
       <input type="text" id="username" name="username" placeholder="中文名字" autofocus>
   </p>
    <p>
        <lable for="password" style="font-size: 20px">密码:</lable>
        <input type="password" id="password" name="password" placeholder="字母和数字组成" autofocus>
    </p>
    <p>
        <lable for="birthday">生日:</lable>
        <input type="date" id="birthday" name="birthday" placeholder="年/月/日" autofocus>
    </p>
    <p>
        <lable for="email">邮箱:</lable>
        <input type="email" id="email" name="email" placeholder="email@qq.com" autofocus>
    </p>
    <p>
        <lable for="age">年龄:</lable>
        <input type="number" id="age" name="age" placeholder="" min="10" autofocus>
    </p>
    <p>
        <lable for="traffic">交通工具:</lable>
        <select name="traffic" id="traffic" size="1">
            <optgroup label="方式">
                <option value="0">步行</option>
                <option value="1">乘车</option>
                <option value="2">开车</option>
            </optgroup>
            <optgroup label="其他">
                <option value="4">跑步</option>
                <option value="5">慢行</option>
            </optgroup>
        </select>
    </p>
    <p>
        <lable for="interest">兴趣:</lable>
        <input type="checkbox" id="interest" name="interest[]" value="interest">
        <lable for="interest">玩耍</lable>
        <input type="checkbox" id="game" value="game" name="game[]">
        <lable for="game">玩游戏</lable>
        <input type="checkbox" name="play[]" id="play" value="play">
        <label for="play">打</label>
    </p>
    <p>
        <lable for="sex">性别:</lable>
        <input type="radio" id="sex" name="sex" value="sex">
        <lable for="sex">男</lable>
        <input type="radio" id="girl" name="sex" value="girl">
        <lable for="girl">女</lable>
    </p>
    <p>
        <lable for="comment">简介</lable>
        <textarea name="comment" id="comment" cols="30" rows="10" placeholder="请输入您的简介"></textarea>
    </p>
    <p>
        <input type="submit" value="提交">
        <input type="reset" value="重置">
        <button>提交3</button>
        <button type="submit">提交1</button>
        <button type="button">提交4</button>

    </p>
</form>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

test1.png

批改状态:合格

老师批语:表单中几乎全部的标签你都用到了, 恭喜
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学