码迷,mamicode.com
首页 > Web开发 > 详细

HTML 表单

时间:2018-03-18 11:58:37      阅读:228      评论:0      收藏:0      [点我收藏+]

标签:action   html 表单   使用   type   获取   用户输入   ted   下拉框   select   

HTML表单

表单用于获取不同类型的用户输入

常用表单标签:

技术分享图片

form表单标签:

<form>表单数据</form>

技术分享图片

action:提交地址

method:提交方式

post:装包提交

get:url提交,可以在地址中显示 

input标签:

单行文本框:

技术分享图片

type :类型

name:名字

value:默认值

按钮:

技术分享图片

button:普通按钮

submit:提交按钮

reset  :重置按钮

value:设置显示名称

单选框:

技术分享图片

单选框name要相同,value 值为标志,checked = “checked”设置默认选项。 

复选框:

技术分享图片

单选框name要相同,value 值为标志,checked = “checked”设置默认选项。

 上传文件:

技术分享图片

依赖form表单的一个属性 enctype="multipart/form-data"

 

 textarea文本域(多行文本):

技术分享图片

cols:设置文本框宽度

标签中间设置默认值

 

select下拉框:

技术分享图片

name :为提交表单时的KEY

value: 为选项的值

size:设置显示个数,多选时使用。

selected = "selected" :设置默认值

以上只能单选。

 技术分享图片

加上 multipe = "multiple"可以选多个。按住CTRL。

 

HTML 表单

标签:action   html 表单   使用   type   获取   用户输入   ted   下拉框   select   

原文地址:https://www.cnblogs.com/yz9110/p/8594301.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!