html_day03_form练习

最新推荐文章于 2022-07-03 11:11:01 发布

Yellow_J的小屋子

最新推荐文章于 2022-07-03 11:11:01 发布

阅读量235

点赞数

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/YJ_meditation/article/details/75269050

版权

HTML 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>0717表单练习</title>
</head>
<body>
<fieldset>
    <legend>注册界面</legend>
    <!--
    注意：提交要有两个注意点
    1.注意点1：在form中要有action属性
    2.注意点2:在所要提交的元素中要有name属性

    checkbox和radio这两个标签中的name属性都是需要相同的
    除了button标签以外的input以外，其他的input都有value属性,提交给服务器的时候用的
    -->
    <form action="http://www.baidu.com">

        <p>
            座号：<input type="text" name="account">
        </p>
        <p>
            密码：<input type="password" name="pwd">
        </p>
        <p>
            性别：
            <input type="radio" name="sex">男
            <input type="radio" name="sex">女
            <input type="radio" name="sex">保密
        </p>
        <p>
            爱好：
            <input type="checkbox" name="checkbox">篮球
            <input type="checkbox" name="checkbox">足球
            <input type="checkbox" name="checkbox">足浴
        </p>
        <p>
            简介：
        <textarea name="" id="" cols="30" rows="10">

        </textarea>

        </p>
        <p>
            生日：<input type="date">
        </p>
        <p>
            邮箱：<input type="email">
        </p>
        <p>
            电话：<input type="tel">
        </p>
        <p>
            <input type="submit" value="注册">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="reset" value="清空">
        </p>
    </form>
</fieldset>
</body>
</html>

Yellow_J的小屋子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html_day03_form练习

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>0717表单练习</title></head><body><fieldset> <legend>注册界面</legend> <!-- 注意：提交要有两个注意点 1.注意点1：在form中要有action属性
复制链接

扫一扫