1. 程式人生 > 其它 >洛谷P1522 [USACO2.4]牛的旅行 Cow Tours

洛谷P1522 [USACO2.4]牛的旅行 Cow Tours

在實際開發中,一組複選框,name值要設定成一樣的名字。伺服器通過name值來判斷,哪些值是屬於同一組的。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>基礎表單</title>
</head>
<body>
    <form>
        姓名:<input type="text" name="user"/>
        密碼:<input 
type="password" name="paw"/> <input type="submit" name=""/> </form> </body> </html>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>基礎表單</title>
</head>
<body>
    <h1 align="center">註冊資訊</h1
> <hr color="#336699"/> <form> <table width="600px" bgcolor="#f2f2f2" align="center"> <tr> <td>姓名:</td> <td><input type="text" name="username" size="25" maxlength="6" placeholder
="請輸入姓名" /></td> </tr> <tr> <td>郵箱:</td> <td><input type="text" name="email" value="@163.com" /></td> </tr> <tr> <td>密碼:</td> <td><input type="password" name="paw" size="25" maxlength="6" placeholder="請輸入密碼" /></td> </tr> <tr> <td>確認密碼:</td> <td><input type="password" name="paw_confirm" size="25" maxlength="6" placeholder="請輸入密碼" /></td> </tr> <tr> <td>上傳照片:</td> <td><input type="file" name="file"/></td> </tr> <tr> <td>性別:</td> <td><input type="radio" name="sex" value="man" /><input type="radio" name="sex" value="woman"/> 保密<input type="radio" name="sex" value="bm" checked/> </td> </tr> <tr> <td>愛好:</td> <td> 讀書<input type="checkbox" name="dx1" value="read" checked /> 跳舞<input type="checkbox" name="dx1" value="dance" /> 唱歌<input type="checkbox" name="dx1" value="sing" /> </td> </tr> <tr> <td>愛好的運動:</td> <td> 跑步<input type="checkbox" name="dx2" value="1" checked /> 籃球<input type="checkbox" name="dx2" value="2" /> 跳繩<input type="checkbox" name="dx2" value="3" /> </td> </tr> <tr> <td> <input type="button" name="button" value="來點我" /> <input type="submit" name="submit" value="submit" /> <input type="reset" name="reset" value="reset" /> <input type="image" name="image_button" src="image/image-button.png"> </td> <td></td> </tr> <tr> <td><input type="hidden" name="hidden" value="這是一個使用者註冊資訊"/></td> <td></td> </tr> </table> </form> </body> </html>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>表單select</title>
</head>
<body>
    <h1 align="center">註冊資訊</h1>
    <hr color="#336699"/>
    <form action="action.php" method="post" target="_blank">
        <table width="600px" bgcolor="#f2f2f2" align="center">
            <tr>
                <td align="right">姓名:</td>
                <td align="left"><input type="text" name="username" size="25" maxlength="6" 
                    placeholder="請輸入姓名" /></td>
            </tr>
            <tr>
                <td align="right">郵箱:</td>
                <td align="left"><input type="text" name="email" value="@163.com" /></td>
            </tr>
            <tr>
                <td align="right">密碼:</td>
                <td align="left"><input type="password" name="paw" size="25" maxlength="6" 
                    placeholder="請輸入密碼" /></td>
            </tr>
            <tr>
                <td align="right">確認密碼:</td>
                <td align="left"><input type="password" name="paw_confirm" size="25" maxlength="6" 
                    placeholder="請輸入密碼" /></td>
            </tr>
            <tr>
                <td align="right">上傳照片:</td>
                <td align="left"><input type="file" name="file"/></td>
            </tr>
            <tr>
                <td align="right">性別:</td>
                <td align="left"><input type="radio" name="sex" value="man" /><input type="radio" name="sex" value="woman"/>
                    保密<input type="radio" name="sex" value="bm" checked/>
                </td>
            </tr>
            <tr>
                <td align="right">愛好:</td>
                <td align="left">
                    讀書<input type="checkbox" name="dx1" value="read" checked />
                    跳舞<input type="checkbox" name="dx1" value="dance" />
                    唱歌<input type="checkbox" name="dx1" value="sing" />
                </td>
            </tr>
            <tr>
                <td align="right">愛好的運動:</td>
                <td align="left">
                    跑步<input type="checkbox" name="dx2" value="1" checked />
                    籃球<input type="checkbox" name="dx2" value="2" />
                    跳繩<input type="checkbox" name="dx2" value="3" />
                </td>
            </tr>
            <tr>
                <td align="right">城市:</td>
                <td align="left">
                    <select name="city">
                        <option value="xz">--請選擇--</option>
                        <option value="bj" selected="">北京</option>
                        <option value="tj">天津</option>
                        <option value="hb">河北</option>
                        <option value="sh">上海</option>
                        <option value="fj">福建</option>
                        <option value="xm">廈門</option>
                    </select>

                    <select name="city" size="6" multiple>
                        <option value="bj">北京</option>
                        <option value="tj">天津</option>
                        <option value="hb">河北</option>
                        <option value="sh">上海</option>
                        <option value="fj">福建</option>
                        <option value="xm">廈門</option>
                    </select>
                    <select name="city">
                        <option>--請選擇--</option>
                        <optgroup label="華北">
                        <option value="bj" selected="">北京</option>
                        <option value="tj">天津</option>
                        <option value="hb">河北</option>
                        </optgroup>
                        <optgroup label="華東">
                        <option value="sh">上海</option>
                        <option value="fj">福建</option>
                        <option value="xm">廈門</option>
                        </optgroup>
                    </select>

                    <select name="city" size="5" multiple="">
                        <option>--請選擇--</option>
                        <optgroup label="華北">
                        <option value="bj" selected="">北京</option>
                        <option value="tj">天津</option>
                        <option value="hb">河北</option>
                        </optgroup>
                        <optgroup label="華東">
                        <option value="sh">上海</option>
                        <option value="fj">福建</option>
                        <option value="xm">廈門</option>
                        </optgroup>
                    </select>
                </td>
            </tr>
            <tr>
                <td align="right">簡介</td>
                <td align="left"><textarea name="jj" rows="6" cols="50" placeholder="請輸入個人介紹"></textarea></td>
            </tr>
            <tr>
                <td colspan="2" align="center">
                    <input type="button" name="button" value="來點我" />
                    <input type="submit" name="submit" value="submit" />
                    <input type="reset" name="reset" value="reset" />
                    <input type="image" name="image_button" src="image/image-button.png">
                </td>
            </tr>
            <tr>
                <td><input type="hidden" name="hidden" value="這是一個使用者註冊資訊"/></td>
                <td></td>
            </tr>
        </table>
    </form>
</body>
</html>