王老师html零基础学习笔记第12课—表单+表单元素

原创 老王  2020-10-08 14:10:15  阅读 45 次 评论 0 条
摘要:

表单在整个网页设计界面中站重要的部分,比如注册提交信息,还有信息统计、数据验证

表单
	表单是一个包含表单元素的区域。
	表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。
	<form  action="url" method=”post”>···input元素</form>经常用到的输入类型:
			文本域           按钮元素
			单选框		隐藏输入框
			复选框		定义域
			下拉列表	        lable标签	

多文本输入框				<textarea name="file" rows=20 cols=30></textarea>

    cols,垂直列。
	       在没有做样式表设置的情况下,它表示一行中可容纳下的字节数。
               例如cols=60,表示一行中最多可容纳60个字节,也就是30个汉字
    rows,水平行。表示可显示的行数,
               例如rows=10,表示可显示10行。超过10行,则需要拖动滚动条来浏览了

    name,文本框的名称,这项必不可省,因为存储文本的时候必须用到。表单元素单行文本输入框
	<input type="text"  name="txt" value="”/>   
	<input type=password” />
	name值     文本框的名称,这项必不可省,因为存储文本的时候必须用到。
	value值     文本输入框的默认值单选按钮(Radio Button)	
	当用户从若干给定的的选择中选取其一时,就会用到单选框。(多项选其一)
	<input type="radio"  name="sex"  value="0"/>男
	<input type="radio"  name="sex"  value="1"/> 女
	name名称必须相同。默认选择可加checked。复选框(Checkboxe)多选框
	当用户需要从若干给定的选择中选取一个或若干选项时,就会用到复选框。
	<input type="checkbox" name="apple" />苹果
	<input type="checkbox" name="banana" />香蕉下拉列表
	select 元素可创建单选或多选菜单  
		<select name="data" >
       			 <option value="1">一月</option>
         			<option value="2">二月</option>
         			<option value="3">三月</option>
		</select>	表单元素
	一、按钮标签
		<input type="button"  value="按扭值" /> 
		<input type="submit" value="登录" />
		<input type="reset" />		

	二、隐藏输入框

		

		<input type="hidden" value=""  /> 	

	三、文件域标签		

		<input type="file" />

	四、定义域

		组合表单中的相关元素:
				定义域标题
		 		被组合的表单元素
	<fieldset>
				<legend>定义域标题</legend>
		 		被组合的表单元素
            </fieldset>Label标签定义和用法:label 标签为 input 元素定义标注(标记)。

     label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。

	 如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,
	 
	 浏览器就会自动将焦点转到和标签相关的表单控件上。

     label标签的 for 属性应当与相关元素的 id 属性相同。
	<form>
		<label for="male">Male </label><input type="radio"  name="sex"  id="male" />
	</form>


本文地址:http://wangfangwen.com/post/96.html
版权声明:本文为原创文章,版权归 老王 所有,欢迎分享本文,转载请保留出处!
阿里云服务器优惠券
减肥不为美,只为走路不磨腿,付出不亚于任何人的努力,成功永远没有尽头,只有岔路口...

发表评论


表情

还没有留言,还不快点抢沙发?