zoukankan      html  css  js  c++  java
  • 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>
    

      

  • 相关阅读:
    vue中富文本编辑框
    vue中生成二维码
    在ABP中使用linq
    js根据年月得到当前这个月总共有多少天
    mescroll在vue中的应用
    javascript积累
    javascript常用的操作
    情侣间常犯的7个沟通问题
    欧洲旅游六大最佳目的地
    见与不见
  • 原文地址:https://www.cnblogs.com/du-jun/p/10303838.html
Copyright © 2011-2022 走看看