• web前端 html基础2


    表单标签<form></form>

    input系列标签 

      text 文本输入框

      placeholder 默认的属性,输入时消失

      password 密码输入框

      radio 单选框

      checkbox 多选框

      submit 提交按钮

      button 按钮(需要配合js使用.) button和submit的区别?

      file 提交文件:form表单需要加上属性enctype="multipart/form-data"

    select标签

    textarea多行文本框

    label标签

    fieldset标签

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>register</title>
    </head>
    <body>
    
    <h2>注册页面</h2>
    
    <form action="/index/" method="post">
    
        <p>
                <label for=“user”>用户:</label>       <!--label标签的作用,跟下面的“密码:”一样-->
            <input type="text" name="user" value="egon">
        </p>
        <p>密码:<input type="password" name="pwd" value="123"></p>
        <p>爱好:<input type="checkbox" name="hobby" value="bastball">篮球
                <input type="checkbox" name="hobby" value="football" checked="checked">足球  <!--checked="checked" 默认-->
                <input type="checkbox" name="hobby" value="pingpang">乒乓球
        </p>
        <p>性别:
            <input type="radio" name="sex" value="1" checked="checked"><input type="radio" name="sex" value="0"></p>
        <p>
            <select name="籍贯">
                <option value="hebei" selected="selected">河北省</option>  <!--selected="selected" 默认-->
                <option value="hebei" >河南省</option>
                <option value="hebei">湖南省</option>
                <option value="hebei">湖北省</option>
            </select>
        </p>
        <p>
            <input type="reset">
        </p>
        <p>
            <input type="button" value="按钮">
        </p>
        <p>
            <input type="file">
        </p>
    
        <fieldset>
            <legend>登录吧</legend>
            <input type="text">
        </fieldset>
    
    
        <input type="submit" value="提交">
    
    </form>
    
    </body>
    </html>
  • 相关阅读:
    委托(delegate)的三种调用方式:同步调用,异步调用,异步回调(转载)
    C#异步:实现一个最简单的异步
    关于Thread.IsBackground属性的理解(转载)
    C# 中的多线程(转载)
    个人对AutoResetEvent和ManualResetEvent的理解(转载)
    C#线程系列讲座(4):同步与死锁
    Nginx location 配置踩坑过程分享
    微信扫码登录网页实现原理
    负载均衡SLB
    Tomcat学习
  • 原文地址:https://www.cnblogs.com/lucaq/p/7270302.html
Copyright © 2020-2023  润新知