form表单

表单:
表单主要负责采集用户输入的信息,相当于一个控件集合,由文本域、复选框、单选框、菜单、文件地址域、
按钮等表单元素组成,最常见的表单应用有搜索引擎页面、用户登录页面、用户注册页面等;
< form >标签用于创建一个表单,其基本语法格式如下:

<form action="url地址" method="提交方式" name="表单名称">
			
 </form>
 
 action 属性用于接收并处理表单数据的服务器 url 地址
 method 属性用于设置表单数据的提交方式  取值可以是 post 也可以是 get
 name   属性用来区分一个网页中的多个表单

input标签属性
input 标签共有的一些属性:

type       控件的类型
value      指定默认值                   
size       文本框显示的长度
maxlength  用户可以输入的最多字符
name       用于服务器获取数据
disabled   获取或设置表单控件是否禁用,背景有阴影
readOnly   控件只读属性 不能更改只能复制和读取
required   必填项,如果不写,无法提交(一定要写提交方式)

单选多选
单选和多选:

value    该选项被选中后提交到服务器的值
checked  默认的选中项
name     (单选框 代码中的name属性的属性值必须一致)

下拉列表

<select name=“...” size=“...” >
	 <option value="..." selected="selected">...
	 <option value="..." selected ="">......
</select>
	 selected   默认选中
	 value      选项被选中后提交到服务器的值,该值在所在标签里不能重复

label标签

<label for="idname">打球</label>
<input type="" id="idname">
<label>里面的for属性和input里面的id要保持一致
  用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上

input按钮:

	<input type="submit">提交
	<input type="reset">重置
	<input type="button">点击
	<input type="image" src="">图片
	<input type="file ">上传
	<button type="submit">提交按钮(button)</button>
	<input type="reset" value="重置按钮">
	<button type="button">普通按钮</button>
  • 9
    点赞
  • 63
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值