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>
  • 相关阅读:
    HDU 1594 find the max
    mongoose 数据库操作2
    我也来开发2048之终极奥义
    cocos2d-x 2.2.0 怎样在lua中注冊回调函数给C++
    windows常用运行命令
    机器学习——Pandas库
    搭建靶场环境
    Ubuntu快速安装MSF
    docker 基本使用
    linux下杀死进程
  • 原文地址:https://www.cnblogs.com/lucaq/p/7270302.html
Copyright © 2011-2022 走看看