zoukankan      html  css  js  c++  java
  • Html表单

    <html>
      <head>
        <meta charset="utf-8">
        <title>first web</title>
      </head>
    
      <body>
        #form:表单提交的的模块
        # action提交到服务器的地址   method: get(显示传输地址) post(影藏传输地址)
        <form class="" action="https://www.sogou.com/web" method="post" enctype="multipart/form-data">
          #type:text(文本输入)
          <input type="text" name="query" value="">
    
          #radio单选框
          <p>男<input type="radio" name="gender" value="Male"></p>
          <p>女<input type="radio" name="gender" value="Female"></p>
    
          #checkbox 复选框,可以选择多个
          <p>篮球<input type="checkbox" name="hobby" value="basketball"></p>
          <p>羽毛球<input type="checkbox" name="hobby" value="badminton"></p>
          <p>足球<input type="checkbox" name="hobby" value="football"></p>
    
          #file 文件提交  必须声明一个enctype属性,告诉服务器,是分段发
          <p><input type="file" name="" value=""></p>
    
          #下拉框  multiple(多选) size(显示几个)
          <select class="" name="region" multiple="multiple" size="2">
            <optgroup label="金马">
              <option value="">1楼</option>
              <option value="">2楼</option>
              <option value="">3楼</option>
              <option value="">4楼</option>
            </optgroup>
          </select>
    
          #文本备注 可以做备注 评价用
          <p><textarea name="name" rows="8" cols="80">dfa</textarea></p>
    
    
          <label for="rrr">123</label>
          <input id="rrr" type="text" >
    
          <fieldset>
            <legend>登录</legend>
            <input type="text" name="" value="">
          </fieldset>
    
          #button 按钮
          <p>1<input type="button" name="" value="d"></p>
    
          #type:submit(向服务器提交内容)
          <input type="submit" name="" value="提交">
        </form>
      </body>
    </html>
    

     

    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8">
        <title>first web</title>
      </head>
    
      <body>
        <form class="" action="" method="post">
          <p>用户名<input type="text" name="query" value=""></p>
          <p>密码:<input type="password" name="pwd" value=""></p>
    
          <p>男<input type="radio" name="gender" value="Male"></p>
          <p>女<input type="radio" name="gender" value="Female"></p>
    
          <p>篮球<input type="checkbox" name="hobby" value="basketball"></p>
          <p>羽毛球<input type="checkbox" name="hobby" value="badminton"></p>
          <p>足球<input type="checkbox" name="hobby" value="football"></p>
    
          <select class="" name="region">
            <option value="">湖南</option>
            <option value="">长沙</option>
            <option value="">株洲</option>
            <option value="">攸县</option>
            <option value="">市坪</option>
          </select>
    
          <label for="rrr">123</label>
          <input id="rrr" type="text" >
    
          <fieldset>
            <legend>登录</legend>
            <input type="text" name="" value="">
          </fieldset>
    
          <p><textarea name="name" rows="1" cols="20"></textarea></p>
    
          <p><input type="file" name="" value=""></p>
    
          <p><input type="button" name="" value="按钮"></p>
    
          <p><input type="submit" name="" value="提交"></p>
        </form>
      </body>
    </html>
    

      

     

  • 相关阅读:
    深浅拷贝的区别
    python 连接mysql数据库
    前端 之HTML基础
    MySQL 多键
    MySQL 存储引擎 字段类型 约束条件
    MySQL数据库的基础知识
    全局解释器和协程
    进程剩余部分和线程
    计算机网络体系结构整理-第三单元网络交换
    计算机网络体系结构整理-第二单元IP技术
  • 原文地址:https://www.cnblogs.com/cloniu/p/6290259.html
Copyright © 2011-2022 走看看