帖子管理老师 发表于 2014-10-15 19:19:40

表单的用法form的介绍

本帖最后由 帖子管理老师 于 2014-10-15 21:23 编辑


常见的form类型<form action="发送地址" method="post"></form>这里的post值得是发送的方式是加密。否则则是以浏览器的访问方式来进行发送的。

<p>
                  用户名:<input type="text" name="username" />
            </p>


这样就表示一个用户名的框框,然后需要填写用户名信息。如下效果


关于更多的设置,表单的以及表单发送的时候的 <form action="发送地址" method="post"></form>这里的post值得是发送的方式是加密。否则则是以浏览器的访问方式来进行发送的。


以及对Value值的设置!
更多的设置如下代码:
<body>
            <div>表单的信息<br/>
                表单的表示方法很多种类,可以有多选,或者是单选,点击提交等<br/>
            </div>
    <form action="www.daoqin.net" method="post">
            <p>
                    用户名:<input type="text" name="username" value="朱星波"/>
            </p>
                <p>
                        密码:<input type="password" name="password" />
                </p>
                <p>
                        性别:男:<input type="radio" name="gender" value="男" checked="checked"/>
                             女:<input type="radio" name="gender" value="女"/>
                </p>
                <p>
                        爱好:篮球:<input type="checkbox" name="hobby" value="篮球" checked="checked"/>
                              足球:<input type="checkbox" name="hobby" value="足球"/>
                              台球:<input type="checkbox" name="hobby" value="台球"/>
                              橄榄球:<input type="checkbox" name="hobby" value="橄榄球">
                </p>
                <P>
                        <select name="xueli">
                                <option value="大学" selected="selected">大学</option>
                                <option value="初中">初中</option>
                                <option value="小学">小学</option>
                       
                        </select>
                </P>
                <p>
                        <textarea name="intro"></textarea>
                </P>

                <p>
                        上传图像<input type="file" name="picture"/>
                </p>
                <p>
                        影藏域:就不让你看到<input type="hidden" name="IP" value="192.168.1.100"/>
                </p>
                <p>
                        提交<input type="submit" value="提交"/>
                </p>       
    </form>       
    </body>效果如下
页: [1]
查看完整版本: 表单的用法form的介绍