表单提交的几种常用方式

2014-10-10  本文已影响601人  wswenyue

看图片


表单提交方式汇总
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>form.html</title>
    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
  
  <body>
   
   <!-- 输入项 -->
    <form action="/day06/servlet/RequestDemo4" method="post">
        用户名:<input type="text" name="username"> <br/>
        密码:<input type="password" name="password"> <br/>
        性别:<!--单选-->
            <input type="radio" name="gender" value="male">男
            <input type="radio" name="gender" value="female">女
            <br/>
        
        <!-- 下拉单选-->
        城市:
            <select name="city">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
            </select><br/>
            
        
        <!-- 多选(复选框)-->
        爱好:
            <input type="checkbox" name="like" value="sing">唱歌  
            <input type="checkbox" name="like" value="dance">跳舞 
            <input type="checkbox" name="like" value="basketball">足球    
            <input type="checkbox" name="like" value="football">篮球  
            <br/>           
        
        
        <!-- 输入文本框 -->  
        简历:
            <textarea rows="5" cols="60" name="resume"></textarea>
            <br/>
            
        <!-- 文件 -->
        相片:<input type="file" name="file"><br/>
        
        <!-- 隐藏信息 -->
        <input type="hidden" name="name" value="xxx"><br/>
        
            
        <input type="submit" value="提交">
        
    </form>
    
  </body>
</html>
上一篇 下一篇

猜你喜欢

热点阅读