zoukankan      html  css  js  c++  java
  • 006_form.html

    version1

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>span</title>
    </head>
    <body>
    <form action="http://baidu.com" method="GET">
    <input type="text" name="user"/>
    <input type="text" name="emil"/>
    <input type="password" name="psword"/>
    <!--<input type="button" value="login1"/> useless-->
    <input type="submit" value="login2"/>
    </form>
    </body>
    </html>

    <!-- block tag : The contents of the element will occupy the entire line -->
    <!-- inline tag : The contents of the element will just occupy it's length -->


    version2
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>span</title>
    </head>
    <body>
    <form action="https://www.sogou.com/web?">
    <input type="text" name="query"/>
    <input type="submit" value="login2"/>
    </form>
    </body>
    </html>

    <!-- block tag : The contents of the element will occupy the entire line -->
    <!-- inline tag : The contents of the element will just occupy it's length -->



    version 3
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>span</title>
    </head>
    <body>
    <form enctype="multipart/form-data">
    <!--if you want to submit a file,you must add the attribute of enctype-->
    <div>

    <p>choise sex:</p>
    man:<input type="radio" name="sex" value="man" checked="checked"/>
    woman:<input type="radio" name="sex" value="woman"/>
    <p>favorite</p>
    basketball:<input type="checkbox" name="favor" value="1" checked="checked"/>
    football:<input type="checkbox" name="favor" value="2" />
    desktopball:<input type="checkbox" name="favor" value="3" />
    taiqiu:<input type="checkbox" name="favor" value="4" />
    wanqiu:<input type="checkbox" name="favor" value="5" />
    <p>skill</p>
    make:<input type="checkbox" name="skill"/>
    coding:<input type="checkbox" name="skill"/>
    java:<input type="checkbox" name="skill"/>
    c++:<input type="checkbox" name="skill"/>
    python:<input type="checkbox" name="skill"/>
    <p>submit a file</p>
    <input type="file" name="filename">
    <!--<form enctype="multipart/form-data"> is needed if you want use type="file"-->
    </div>

    <textarea name="content" >default content</textarea>

    <select name="city" size="10" multiple="multiple">
    <option value="1">beijing</option>
    <option value="2" selected="selected">nanjing</option>
    <option value="3">hefei</option>
    <option value="4">guangzhou</option>
    <option value="5">tianjing</option>
    <option value="6">hangzhou</option>
    <option value="7">fujian</option>
    <option value="8">dalian</option>
    </select>
    <input type="submit" value="submit">
    <input type="reset" value="reset">
    </form>
    </body>
    </html>

    <!-- block tag : The contents of the element will occupy the entire line -->
    <!-- inline tag : The contents of the element will just occupy it's length -->


  • 相关阅读:
    【阿里的感悟】质量该如何做? .(转载)
    java linux 配置环境
    Spring Bean属性绑定Bean返回值
    Spring BeanNameAutoProxyCreator 与 ProxyFactoryBean
    Spring Aop之(二)Aop 切面声明和通知
    Ubuntu开机自动启动Script
    转战博客园!
    linux 系统管理11 ——系统安全及应用
    linux awk
    Rsync数据同步工具
  • 原文地址:https://www.cnblogs.com/liujun5319/p/9657918.html
Copyright © 2011-2022 走看看