HTML(表单标签)

一、表单

  1、页面输入性标签元素(文本输入框;下拉选择,单选多选等标签元素),表单是用户交互数据的重要过程

  2、提交方式:GET,POST

<form action=""  method=""  enctype="" >  

  .......

 表单元素  

  ....... 

</form>

action:用来设置接收处理表单提交内容的服务器URL(表单提交内容的文件位置)

method:定义浏览器讲表单中的信息内容提交给服务器的方式(GET或POST)

enctype:定义浏览器使用哪种编码方法将表单数据传送给www服务器,分为两种(application/x-www-form-urlencoded(默认);multipart/form-data (多文件上传))

二、文本框

  1、单行文本框:<input type="text" name="name属性" value="默认值" size="宽度" maxlength="最大你字符数"  placeholder="文本框提示内容" />

  2、多行文本框(内容框):<textarea name="name 属性" cols="宽度" rows="高度"> </textarea>

  3、密码框:<input type="password" name="name属性"  value="值"  />

三、单选框

  1、<input type="redio" name="name 属性" value="值" checked="checked" />  ;checke表示选中该按钮

四 、单选按钮组

  1、如果多个单选框的 name 属性相同 ,则为单选按钮组,其中只能单选一个按钮

五、复选框(多选)

  1、<input type ="checkbox" name="name属性" value = "" checked="checked"  />
六、复选按钮组

  1、复选框name属性值必须为同名数组则为同一按钮组

  <input type ="checkbox" name="name[]" value = "" checked="checked"  />

  <input type ="checkbox" name="name[]" value = "" checked="checked"  />

  <input type ="checkbox" name="name[]" value = "" checked="checked"  />

七、下拉菜单

  1、<select name="" size="" multiple="multiple>

    <option value="" selected="selected">请选择</option>

    <option value="">北京</option>

    <option value ="">上海</option>

      </select>

  multiple属性设置则可以选中多个值,否则只能选中一个值

八、浏览框

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

1、该元素用来打开文件选择对话框以便图形化选择文件

2、表单提交必须是post,否则无法上传文件

3、form必须设置enctype="multipart/form-data ",否则无效

九、隐藏域

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

1、隐藏域一般不会显示在页面

2、一般用于数据交互时,不展示数据,但需要提交的数据

3、通常有默认值

十、按钮

1、普通按钮:<input type="button" value="普通按钮"  /> 不具有任何行为,通常配合Js使用

2、提交按钮:<input type="submit" value="提交" /> 将表单提交到action指定服务器位置

3、重置按钮:<input type="rest" value="重置" />  清空表单所输入的数据

4、图片按钮:<input type="image" src="URL地址"> 通常配合js使用,也具有提交功能

posted @ 2021-01-12 14:00  蜗牛车手  阅读(83)  评论(0编辑  收藏  举报