vlambda博客
学习文章列表

前端开发-form表单(第一天)

1.文本域

<form action="/" method="post">

        <table>

            <tr>

                <td>姓名</td>

                <td>

                    <input type="text" name="username">

                </td>

            </tr>

            <tr>

                <td></td>

                <td>

                    <input type="submit" value="提交">

                </td>

            </tr>

        </table>

    </form>


2.密码域

<form action="/demo1.html" method="post">

        <table>

            <tr>

                <td>账号:</td>

                <td>

                    <input type="text" name="username">

                </td>

            </tr>

            <tr>

                <td>密码:</td>

                <td>

                    <input type="password" name="password">

                </td>

            </tr>

            <tr>

                <td></td>

                <td>

                    <input type="submit" value="登录">

                </td>

            </tr>

        </table>

    </form>

3.复选框

<form action="demo.html" method="post">

        <table>

            <tr>

                <td>我喜欢自行车:</td>

                <td>

                    <input type="checkbox" name="bike">

                </td>

            </tr>

            <tr>

                <td>我喜欢汽车:</td>

                <td>

                    <input type="checkbox" name="car">

                </td>

            </tr>

            <tr>

                <td></td>

                <td>

                    <input type="submit" value="计算">

                </td>

            </tr>

        </table>

    </form>