网页前端第二次培训-HTML表单标签和常用字符实体

1.学习视频P4-P7:

【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程,小白教学,前端基础全套完成版_哔哩哔哩_bilibili

2.学习笔记

·

form标签
	表单标签,块级元素,会自动换行
	将数据传输到服务器
	
	常用属性
		action 表单提交的地址URL(必有,默认是当前窗口(“#”或不写))
		id     唯一标识
		name   名称
		target 表单提交打开方式(当前窗口)
		method  提交方式
				get请求(默认)
					参数会直接跟在url后面,用问号拼接
					安全性差,传递的数据量小,但效率高(是post速度的两倍),有缓存
				post请求
					参数不会跟在url地址栏后面,会放在请求体中
					安全性高,传输数据量大,速度相对来说较慢,无缓存
	
	表单元素需要设置name属性值,否则数据无法传递!!!
	input元素
		type    表单元素的类型
			text 文本框
			password 密码框
			radio 单选框(需要设置一组相同的name属性值)
			checkbox 复选框(需要设置一组相同的name属性值)
			button 普通按钮
			hidden 隐藏域(用来存放需要传给服务器,但不需要显示的数据)
			file 文件域(上传文件)
			date 日期框
			submit 提交按钮
			reset  重置按钮
			image  图片按钮(提交按钮)
		value    表单元素的值
		checked  是否选中(单选框/复选框)
		disabled 是否禁用
		maxlength 允许输入的最大字符
	
	textarea 文本域
		cols 和rows
	label标签
		设置label标签的for属性值与表单元素的id属性值对应,当点击label标签是,会自动给标签元素聚焦
	button标签
		type
			button普通按钮
			submit提交按钮(默认)
			reset重置按钮
	select下拉选项
		<select name="">
			<option value="值">文本</option>
		</select>
		注释:当option设置了value属性值时,提交的数据是value对应的值
		如果未设置value,则提交的数据是文本值
		
		常用属性
			value 设置值
			selected 设置选中状态
字符实体
	<      	&lt;
	>      	&gt;
	空格   	&nbsp;
	版权符© &copy;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值