189 8069 5689

如何使用html表单form中的常用属性-创新互联

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

成都创新互联2013年开创至今，先为琅琊等服务建站，琅琊等地企业，进行企业商务咨询服务。为琅琊企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。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://cdxtjz.cn/article/cdgehj.html

其他资讯