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 -->


  • 相关阅读:
    一款JS+CSS实现的无缝平滑图片滚动代码
    2个按钮控制的左右图片滚动特效代码
    JS+CSS控制左右切换鼠标可控的无缝图片滚动代码
    用CSS实现图片水印效果代码
    用鼠标拖动图片的JS代码
    一款实用的JavaScript图片幻灯片代码
    摘自搜狐女人频道的图片切换的JS代码
    JS防PS里的图片拖拉缩放效果代码
    鼠标移至图片后抖动的JS代码
    WINDOWS补丁的多线程下载方法和安装技巧
  • 原文地址:https://www.cnblogs.com/liujun5319/p/9657918.html
Copyright © 2011-2022 走看看