1. 程式人生 > >javaWeb(一)---html表單

javaWeb(一)---html表單

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
            <!--
                form:表單的開頭和結尾
                    action:表達提示的地址
                    method:表單提交的方式
                        POST`
                            1.引數不再url後面
                            2.安全性較好
                            3.理論上提交的引數沒有限制

                        GET
                            1.將引數直接拼接在url後面
                            2.安全性比較差
                            3.引數長度有限
                input
                    type:輸入的型別
                    name:屬性,提交的名稱,標誌符
                    size:文字輸入框的長度    text pasword
                    maxlength:最大輸入長度   text pasword
                    readonly:只讀模式,不可修改文字內容可以被提交    text pasword
                    disabled:禁用,不會被提交  所有標籤都可用
                select:
                    multiple:多選
                    size:一次可以選擇的選項卡數量
                    disabled:禁用
                textarea
                    disabled:禁用
                    readonly:只讀




            -->
<form action="#" method="post"> 近照:<br/><img width="50dp" height="50dp"><br/> <input type="file" name="pic" value="--選圖片--"><br/> <input type="hidden" name="haha" value="heihei"> 使用者名稱:<input type="text" name="username" maxlength="3"><br
/>
密碼: <input type="password" name="password" value="sadasda"><br/> 性別:<input type="radio" value="男" name="sex"><input type="radio" value="女" name="sex"><br/> 個人說明:<br/><textarea rows="10" cols="35"> </textarea><br/>
愛好:<br/><input type="checkbox" value="足球" name="fav">足球<br/> <input type="checkbox" value="籃球" name="fav">籃球<br/> <input type="checkbox" value="羽毛球" name="fav">羽毛球<br/> <input type="checkbox" value="乒乓球" name="fav">乒乓球<br/> 學歷:<select> <option name="select">------請選擇學歷-----</option> <option value="zk">專科</option> <option value="gz">高中</option> <option value="bk">本科</option> <option value="xx">小學</option> <option value="bd">博導</option> </select><br/> 住址:<select> <option name="select">------請選擇國家-----</option> <option name="zg">中國</option> <option name="mg">美國</option> <option name="rb">日本</option> <option name="om">歐盟</option> <!--<optgroup label="province">--> <!--<option name="ah">安徽</option>--> <!--<option name="sx">山西</option>--> <!--<option name="hn">湖南</option>--> <!--<option name="sd">山東</option>--> <!--</optgroup>--> <!--<optgroup label="city">--> <!--<option name="hb">中國</option>--> <!--<option name="mg">美國</option>--> <!--<option name="rb">日本</option>--> <!--<option name="om">歐盟</option>--> <!--</optgroup>--> </select><br/> <input type="submit" value="提交" name="tijiao"> </form> </body> </html>