表单标签的应用

 

<p><img src="./image/renren_titile.gif" alt=""></p>

    <p>人人网，是中国<strong>最真实，最有效</strong>的社会平台，加入人人网，找回老朋友，结交新朋友。

    </p>

    <form>

        <p>

            电子邮箱：<input type="text" name="mail" maxlength="50">

        </p>

        <p>

            设置密码：<input type="password" name="password" maxlength="16">

        </p>

        <p>

            真实姓名：<input type="text" name="uesr" maxlength="8">

        </p>

        <p>

            性别：<input type="radio" name="m" value="woman">女

            <input type="radio" name="m"value="man" checked>男

             

        </p>

        <p>

           生日：<select name="nian" >

            <option value="bd">1990</option>

            <option value="bd" selected>1991</option>

            <option value="bd">1992</option>

            <option value="bd">1993</option>

            <option value="bd">1994</option>

         

            </select>

          <select name="yue" >

              <option value="a">6</option>

              <option value="a">7</option>

              <option value="a">8</option>

              <option value="a">9</option>

              <option value="a">10</option>

              <option value="a"selected>11</option>

              <option value="a">12</option>

          </select>

          <select name="ri" >

              <option value="r">28</option>

              <option value="r">29</option>

              <option value="r"selected>30</option>

              <option value="r">31</option>

          </select>

        </p>

        <p>

            为什么要填写我的生日？

        </p>

        <p>

            我现在：<select name="ysn" >

                <option value="yan">请选择身份

                </option>

            </select>（非常重要）

        </p>

        <p>

            <img src="./image/renren_code.gif" alt=""><a href="">看不清楚换一张？</a>

        </p>

<p>

    验证：<input type="text">

</p>

<p>

    <input type="image" src="./image/renren.gif" alt="">

</p>

    </form>

——————————————————————————————————————

form是表单标签，接收用户数据，并向服务器发送。

action属性设置表单提交的地址。

method属性设置表单的提交方式。

通过input接受数据，inpu输入框,type指定元素的类型。默认为text。

value="默认值

checked默认选中

option里面checked改成selected默认选中效果。

<!-- 复选框 -->

爱好：<input type="checkbox" name="interest" value="xx">学习

<input type="checkbox" name="interest" value="yd" >运动

<input type="checkbox" name="interest" value="sj">睡觉

<input type="checkbox" name="interest" value="gf" >干饭

<!-- submit提交按钮。需要form包裹 -->

<form>

    爱好：<input type="checkbox" name="interest" value="xx">学习

    <input type="checkbox" name="interest" value="yd" >运动

    <input type="checkbox" name="interest" value="sj">睡觉

    <input type="checkbox" name="interest" value="gf" >干饭

    <br>

    用户名：<input type="text"name=""size="10"maxlength="5"><br>

    密码：<input type="password"name=""size="10"maxlength="5">

<br>

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

</form>