zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    求助:多个参数的存储过程
    经典回顾:哲学家进餐问题(The Dinning Philosophers Problem)
    杨辉三角
    开发公共课选修系统之二
    关于即时消息系统
    用户 'NT AUTHORITY/NETWORK SERVICE' 登录失败 的解决方法(转)
    细说反射API
    东莞哪家公司可以提供实习的机会?
    使用Gmail发送email时出现Must issue a STARTTLS command first错误!!
    Revolution
  • 原文地址:https://www.cnblogs.com/lucaq/p/7270302.html
Copyright © 2011-2022 走看看