HTML表单标签&CSS

戏子无情 提交于 2019-12-19 18:51:08

 

  表单标签:所有需要提交到服务器的表单项必须用<form></form>括起来。

1.form标签属性:

         action:整个表单提交的位置,

         method:表单提交方式,有get和post两种方式:get:所有的内容显示在地址栏中,不够安全,长度有限制;post:提交方式,所有的内容不会显示在地址栏,比较安全,长度没有限制。

 

2.文本输入项

<input type="text" name="提交到服务器端必须指定的属性,值可以任意"

                              size=“指定输入框的宽度”

                             maxLength="指定输入内容的长度"

                             readonly="设置为只读" 

                             placeholder="输入内容的提示信息">

 

 

 3.密码输入项

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

4.单选按钮

            <input type="radio" name="分组" value="提交到服务器必须指定的属性"  checked="默认为选中" />

5.多选按钮

<input type="checkbox" name="分组" value=“” checked="" />

 

6.下拉列表

<select name="分组">

     <option value="" selected="默认选中">上海</option>

</select>

 

7.文本上传项

<input type="file" name="" />

8.文本输入域

<textarea name=""></textarea>

9.提交按钮

<input type="submit" value="可以用来修改按钮上的值" />

10.普通按钮

<input type="button" value="" />

 11.重置按钮

<input type="reset" value="" />

12.隐藏项

<input type="hidden" name="" />

用于用户隐藏一些比较敏感的信息。

 

各个元素空间中name和value属性的使用:

 

在文本输入框,密码输入框中name用来指定提交到服务器端必须指定的属性,值可以任意,

而在单选按钮 多选按钮 下拉列表中name用来分组,使用value指定提交到服务器端必须指定的属性,值可以任意,

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!