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>
    

      

     

  • 相关阅读:
    Java+7入门经典 -1 简介
    优化算法动画演示Alec Radford's animations for optimization algorithms
    如何写科技论文How to write a technical paper
    开始学习深度学习和循环神经网络Some starting points for deep learning and RNNs
    用500行Julia代码开始深度学习之旅 Beginning deep learning with 500 lines of Julia
    用10张图来看机器学习Machine learning in 10 pictures
    ICLR 2013 International Conference on Learning Representations深度学习论文papers
    ICLR 2014 International Conference on Learning Representations深度学习论文papers
    卷积神经网络CNN(Convolutional Neural Networks)没有原理只有实现
    卷积神经网络Convolutional Neural Networks
  • 原文地址:https://www.cnblogs.com/cloniu/p/6290259.html
Copyright © 2011-2022 走看看