首页 > 编程知识 正文

form标签的使用,html中form标签

时间:2023-05-03 16:54:00 阅读:272962 作者:3506

定义:<form>标签代表一个表单,表单用于向服务器传输数据。包含<input>,可以是文本字段,按钮,单选框,复选框,提交按钮等,还可以包含<textarea><select>等。

form表单常用属性:

               name:用于定义表单的名称

               action:用于规定表单提交将数据发送给谁

               method:提交数据的方式,一般为post请求或get请求

格式:

     

<form name="login" action="" method="get"> </form>

   

form表单中的子标签:

                 input种类:

                          text:

<form name="" action="" method=""> text<br> <!--placeholder占位--> 用户名:<input type="text" placeholder="请输入中文用户名"> <hr> </form>

password:

             输入内容不可见,一般用于密码框。

<form name="" action="" method=""> password<br> 密码:<input type="password"> <hr> </form>

radio:

      单选,实现单选必须设置相同的名字。

<form name="" action="" method=""> radio<br> 是否记住密码:<input type="radio" name="nsp">是 <input type="radio" name="nsp">否 <hr> </form>

checkbox:

    多选。

<form name="" action="" method=""> checkbox<br> 选择喜爱的事物:<input type="checkbox" name="">唱 <input type="checkbox" name="">跳 <input type="checkbox" name="">rap <input type="checkbox" name="">篮球 <hr> </form>

button:

按钮。

<form name="" action="" method=""> button<br> 按钮:<input type="button" value="点我啊!"> <hr> </form>

hidden:

用于提交表单,在页面上不显示,在源码中显示。

<form name="" action="" method=""> hidden<br> 隐藏类型:<input type="hidden" value="123456"> <hr> </form>

file:

用于提交文件,或者选择文件。点击时会弹出文件选择框。

 

<form name="" action="" method=""> file<br> <input type="file" value="提交文件"> <hr> </form>

submit:

一般用于登录页面向后台提交登录信息。点击时会像后台发送登录信息。只会提交位于form表单内的信息。

<form name="" action="" method=""> text<br> <!--placeholder占位--> 用户名:<input type="text" placeholder="请输入中文用户名"> <hr> password<br> 密码:<input type="password"> <hr> submit<br> 提交按钮:<input type="submit" value="提交"> <hr> </form>

reset:

重置位于form表单内的信息。

<form name="" action="" method=""> 重置:<input type="reset" value="重置"> <hr> </form>

image:

图片类型,相当于图片按钮。

<form name="" action="" method=""> image<br> <input type="image" src="C:Userssd-acmDesktopsign.jpg"> <hr> </form>

select:

下拉框。

<form name="" action="" method=""> select<br> <select> <option>上海</option> <option>广州</option> <option>深圳</option> <option>河南</option> </select> <hr> </form>

<form name="" action="" method=""> select<br> <!--multiple多选--> <select multiple="multiple"> <option>上海</option> <option>广州</option> <option>深圳</option> <option>河南</option> </select> <hr> </form>

textarea:

文本标签。

<form name="" action="" method=""> textarea<br> <textarea width="10" height="40"></textarea> <hr> </form>

 

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。