04002_HTML表单

1、表单标签

　　（1）表单标签：所有需要提交到服务器的表单项必须使用<form></form>括起来；

　　（2）from标签属性

　　　　①action：整个表单提交的位置，可以是一个页面，也可以是一个后台java代码；

　　　　②method：表单提交的方式（get，post，delete…等7种）。

 <!DOCTYPE html>
 <html>

     <head>
         <meta charset="UTF-8">
         <title>表单标签</title>
     </head>

     <body>
         <form action="#" method="get">
             隐藏字段：<input type="hidden" name="id" value=""/><br />
             用户名：<input type="text" name="username" size="40px" maxlength="5"  placeholder="请输入用户名"/><br/>
             密码：<input type="password" name="password" required="required"/><br />
             确认密码：<input type="password" name="repassword"/><br />
             性别：<input type="radio" name="sex" value="男"/>男
             <input type="radio" name="sex"/ value="女">女<br />
             爱好：<input type="checkbox" name="hobby"value="看书"/>看书
             <input type="checkbox" name="hobby" value="睡觉"/>睡觉
             <input type="checkbox" name="hobby" value="写代码" checked="checked"/>写代码<br />
             头像：<input type="file" name="file"/><br/>
             籍贯：<select name="province">
                 <option >---请选择---</option>
                 <option value="北京">北京</option>
                 <option value="上海">上海</option>
                 <option value="广州" selected="selected">广州</option>
             </select><br />
             自我介绍：
             <textarea name="zwjs">

             </textarea><br />
             提交按钮：<input type="submit" value="注册"/><br />
             普通按钮：<input type="button" value="zhuce"/><br />
             重置按钮：<input type="reset" />
     </body>

 </html>

　　运行结果：