work

作者： 作者的头像   Usokyun ,  2023-03-13 17:59:36 ,  所有人可见 ,  阅读 172

2 


<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>

    <body>
        <form>
        <table border = "1" , cellpadding = "3">
            <caption> 表单的应用 </caption>
            <tr>
                <th> 文本域 </th>
                <td> <input type = "text" size = "30"> </td>
            </tr>

            <tr>
                <th> 密码域 </th>
                <td> <input type = "password" size = "30"> </td>
            </tr>

            <tr>
                <th> 复选框 </th>
                <td> 玩游戏<input type = "checkbox" name = "interests" value = "games"> 
                     看电影<input type = "checkbox" name = "interests" value = "movie">
                     旅游<input type = "checkbox" name = "interests" value = "travle">
                     看书<input type = "checkbox" name = "interests" value = "readbook">
                     写字<input type = "checkbox" name = "interests" value = "writing">
                </td>
            </tr>

            <tr>
                <th> 单选框1 </th>
                <td>
                    男<input type = "radio" name = "sex1" value = "man">
                    女<input type = "radio" name = "sex1" value = "female">
                    保密<input type = "radio" name = "sex1" value = "unknown">
                </td>
            </tr>

            <tr>
                <th>单选框2</th>
                <td>
                    男<input type = "radio" name = "sex2" value = "man">
                    女<input type = "radio" name = "sex2" value = "female">
                    保密<input type = "radio" name = "sex2" value = "unknown">
                </td>
            </tr>

            <tr>
                <th> 上传文件 </th>
                <td> <input type = "file" value = "选择文件"> </td> 
            </tr>

            <tr>
                <th> 下拉列表 </th>
                <td> <select>
                    <option value = "55555555"> 55555555
                    </select>
                </td>
            </tr>

            <tr>
                <th> 列表 </th>
                <td>
                    <select size = "5">
                        <option value = "111111"> 111111
                        <option value = "22222222"> 22222222
                        <option value = "3333333"> 3333333
                        <option value = "44444444"> 44444444
                        <option value = "555555555"> 555555555

                    </select>
                </td>

            </tr>

            <tr>
                <th>多选列表 </th>
                <td>
                    <select size = "5" multiple>
                        <option value = "111111"> 111111
                        <option value = "22222222"> 22222222
                        <option value = "3333333"> 3333333
                        <option value = "44444444"> 44444444
                        <option value = "555555555"> 555555555
                    </select>

                </td>
            </tr>

            <tr>
                <th>
                    多行文本域
                </th>
                <td>
                    <textarea rows = "5" cols = "30">
                        在这里输入你的信息
                    </textarea>
                </td>
            </tr>

            <tr style="text-align:center">
                <td colspan = 2>
                        <input type = "submit" value = "提交">
                        <input type = "reset" value = "重置">
                </td>
            </tr>

        </table>
        </form>     
</html>

0 评论

1024
x