如何使用html表单form中的常用属性-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

如何使用html表单form中的常用属性

这篇文章主要为大家展示了如何使用html表单form中的常用属性,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“如何使用html表单form中的常用属性”这篇文章吧。

创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都做网站、网站建设、永安网络推广、微信小程序、永安网络营销、永安企业策划、永安品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供永安建站搭建服务,24小时服务热线:18980820575,官方网址:www.cdcxhl.com

html有什么特点

1、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便,适合初学前端开发者使用。 2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。  3、平台无关性:超级文本标记语言能够在广泛的平台上使用,这也是万维网盛行的一个原因。 4、通用性:HTML是网络的通用语言,它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

HTML 对象之 Form 对象:Form 对象代表一个 HTML 表单。

以下就是一个form表单(以“百度一下”为例)

                         

该表单如果添加action属性为“https://www.baidu.com/s”,按钮input的type改为submit,即可进行百度搜索。

标签用于为用户输入创建 HTML 表单。

表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。表单用于向服务器传输数据。且标签支持所有的浏览器。

下为自己粗糙编写的关于form表单的简单应用,制作了一个注册界面,仅实现了界面互动,未实现其注册功能,主要是为了体现form中常用属性的如何使用。



	
		
		
	
	
		
		
			用户名:
			密码:
			确认密码:
			性别:
			爱好:篮球
			羽毛球
			乒乓球
			年级:
				一年级
				二年级
				三年级
				四年级
				五年级
			
			
		
		
			function $(id){
				return document.getElementById(id);
			}
			
			function check(){
				var radios=document.getElementsByName("sex");
				for(var i=0;i12) {
					$("msg").innerHTML="用户名不能超过12个字符!"
					$("user_name").focus();
					return false;
				}
				if (password.length==0) {
					$("msg").innerHTML="密码不能为空!"
					$("password").focus();
					return false;
				}
				if (password.length>15) {
					$("msg").innerHTML="密码不能超过15个字符!"
					$("password").focus();
					return false;
				}
				if (password!=rePassword) {
					$("msg").innerHTML="两次密码不一致!"
					$("re_password").focus();
					return false;
				}
				return true;
			}
		
	

其限制条件是:用户名和密码不能为空;用户名不得超过12个字符;密码不得超过15个字符;确认密码与密码需一致;且出现问题的地方定位焦点。

以上就是关于“如何使用html表单form中的常用属性”的内容,如果改文章对你有所帮助并觉得写得不错,劳请分享给你的好友一起学习新知识,若想了解更多相关知识内容,请多多关注创新互联行业资讯频道。


文章标题:如何使用html表单form中的常用属性
网址分享:http://kswsj.cn/article/jicico.html

其他资讯