• form标签的使用


    <!DOCTYPE html>
    <html>
    <head>
        <title>form的使用方法</title>
    </head>
    <body>
        <form action="http://www.baidu.com" method="post">
            <p>
                <label for="username">用户名</label>   #‘label’使其属性‘for’建立标记,在‘’input‘’内设立一个‘id’等于for的值,此时用户点击‘用户名’即可选中输入框
                <input type="text" placeholder="请输入用户名" id="username">     #‘placeholder’使其在输入框内提示用户要输入额内容,用户一旦输入内容,此提示将会消失。
            </p>
            <p>
                <label for='pwd'>密码</label>
                <input type="text" placeholder="请输入用户密码" id="pwd">   #‘type’使其产生横向表格
            </p>

                #单项选择
            <p>
                男:<input type="radio" name="sex" checked="checked">   # "checked"使默认选项为‘男’ 加在哪里就默认哪一项

               #‘type=radio’使选项标记为圆点
                女:    <input type="radio" name="sex">   #‘name’ 使多个选择中只能选择一个选项
            </p>

             #多项选择
            <h4>课程选择</h4>
            <p>
                web前段:<input type="checkbox"checked='checked'>   # type="checkbox"使选项标记为方格
                python全栈:<input type="checkbox">
                Java全栈:<input type="checkbox">
                php语言:<input type="checkbox">
            </p>
            <h2>下拉框实现单选</h2>
            <p>
                <select name='class'>       #‘’select‘’   使其产生下拉框  
                    <option value="a">HTML</option>
                    <option value="b">javaScript</option>
                    <option selected="selected">vue</option>   #selected="selected"使此项为默认选项
                    <option>css</option>
                </select>
                <h2>下拉框实现多选</h2>
            <p>
                <select multiple='multiple'>  #实现让用户进行下拉多选
                    <option value="a">HTML</option>    #option建立选项
                    <option value="b">javaScript</option>
                    <option selected="selected">vue</option>   #使用户打开选项层,默认看到的选项
                    <option>Jquety</option>
                    <option>php</option>
                    <option>lua</option>
                    <option>vb</ption>
                    <option>go</option>
                </select>
            </p>
            <h4>个人简述</h4>
            <p>
                <textarea rows="10" cols="40"></textarea>
            </p>
            <p>
                <input type="submit" value="立即注册">    #"submit"提交按钮,‘value’对按钮进行描述
                <input type="reset" value="重置">
            </p>
            
        </form>    
        <button>按钮</button>   #用的比较少


    </body>
    </html>

  • 相关阅读:
    DeepLearning之路(三)MLP
    DeepLearning之路(二)SoftMax回归
    DeepLearning之路(一)逻辑回归
    自然语言处理工具
    一个 11 行 Python 代码实现的神经网络
    对联广告
    Java多线程
    QT数据库操作
    QT笔记
    C++基础入门
  • 原文地址:https://www.cnblogs.com/yuexijun/p/12304284.html
Copyright © 2020-2023  润新知