写在前面
表单的标签粗记得有form、input、select、textarea:input常用type属性值有text,password,radio,CheckBox,file,submit,rese等。笨脑袋,就记到这么多表单
表单元素还有一看上去些不出常用的fieldset:用来定义一组表单元素并将它们括起来, 还有一个legend用来定义fieldset的标题,就像是table的caption,表单除了input定义的button还可单独<button>来定义按钮功能应该更好的扩展;此外select和option、optgroup也是配套存在的。
总的来说,增加新的认识关于表单:以组队的方式存在的表单成员,最大的两个是表单的定义层两个顶级标签 form和fieldset与legend,select和option与optgroup,还有大量的游兵散将button和input,其中input个性鲜明是什么就是什么(这取决于它的type,它的type比较多),button万磁王不多说。
最后还有新家的一些表单元素:label标签有一个for属性用来激活input和button;
还有一些表单标签有是我感觉不常用的:datalist(感觉是和兼容有关的一个标签);keygen output表单输出表签,这三个标签在正式的运用上感觉少不了,有感觉会有很多替代品,表单是用来提价的,是用户将信息录入交给服务器的。所以form有一个重要的属性叫做action,还有一个叫method方法和动作,这两个属性的值也要记忆。
下面还是进入重要无比的实践环节,争取包纳所有。
<!doctype html> <html lang="zh-CN"> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <meta http-equiv="refresh" content="10"/> <link href="css/main.css" rel="stylesheet" type="text/css"/> </head> <body> <div class="container"> <form action="" method=""> <fieldset> <legend>基本信息</legend> 姓名:<input /><br> 年龄:<input /><br> 性别:<input type="radio" name="sex"/>男 <input type="radio" name="sex"/>女<br> </fieldset> <fieldset> <legend>登入</legend> 账号:<input /><br> 密码:<input type="password" /><br> <input type="submit"/><input type="reset"/> </fieldset> <fieldset> <legend>个性化指定</legend> 爱好:<select> <optgroup label="球类" /> <option>篮球</option> <option>羽毛球</option> <option>乒乓球</option> <optgroup label="塑身"/> <option>瑜伽</option> <option>打坐</option> <option>太极</option> <optgroup label="有氧" /> <option>跑步</option> <option>跳远</option> <option>调高</option> </select> </fieldset> </form> </div> </body> </html>
body{ margin:0; padding:0; } .container{ width:500px; margin:0px auto; } fieldset{ border:1px solid; border-color:red; }发现用起来用起来就显得健忘,fieldset的拼写出问题,select的optgroup是内联标签重要的属性名叫label,记性好差
样式没加多少,再说吧,有一些重要表签也没用到,但是这些标签的效果我也看不懂留着以后继续深化