Python-form表单标签

语义:标记表单

复制代码
#1、什么是表单?
    表单就是专门用来接收用户输入或采集用户信息的

#2、表单的格式
    <form>
        <表单元素>
    </form>
复制代码

链接:https://www.processon.com/view/link/5aeea789e4b084d6e4bf6911 

图片:https://pan.baidu.com/s/1db6o--q557aKmtYJSBsyqA

在form内还可以添加一种标签
<fieldset>添加边框
    <legend>注册页面</legend>
    表单控件......
</fieldset>
<html>
    <head>
        <title>表单练习</title>
        <meta charset="utf-8"/>
    </head>
    <body>
        <form action="http://www.baidu.com">
            <fieldset>
                <legend>注册页面</legend>
                <p>
                    账号:<input type="text" placeholder="请输入你的用户名" name="user">
                </p>

                <p>
                    密码:<input type="password" placeholder="请输入你的密码" name="password">
                </p>

                <p>
                    性别:
                    <input type="radio" name="gender" value="male">男
                    <input type="radio" name="gender" value="female">女
                    <input type="radio" name="gender" checked="checked" value="none">保密
                </p>

                <p>
                    <!--注意点:单选框or复选框都需要指定相同的name值-->
                    爱好:
                    <input type="checkbox" name="sport" value="basketball">篮球
                    <input type="checkbox" name="sport" value="football">足球
                    <input type="checkbox" checked="checked" name="sport" value="crazy">足浴
                </p>

                <p>
                    简介:
                    <textarea name="" id="" cols="30" rows="10" name="desc"></textarea>
                </p>

                <p>
                    生日:
                    <input type="date" name="birth">
                </p>

                <p>
                    邮箱:
                    <input type="email" name="email">
                </p>

                <p>
                    电话:
                    <input type="number" name="phone">
                </p>

                <p>
                    <input type="submit" value="注册">    
                    <input type="reset" value="清空">
                </p>

            </fieldset>
        </form>

    </body>
</html>

  

posted @ 2019-01-22 14:49  逐梦~前行  阅读(1989)  评论(0编辑  收藏  举报