<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!--字符即编码格式可用国标gbk--> <title>测试</title><!--网页显示标题--> <style type="text/css"> #a { text-align:center; color:#00F; } </style> </head> <body><!--注释--> <table border="1" cellpadding="1" cellspacing="1" width="900" height="900" bgcolor="red"> <tr> <td> <div id="a"> <h1><img src="79f0f736afc37931b1548804e8c4b74543a911da.jpg" width="90" height="90">威海学院个人资料填写</h1> </div> <form style="900px; height:900px; background-color:#0000FF;"> <div id="b"> 姓名<input type="text" name="" id="" value=""><br> </div> <div id="c"> 所选专业<br> </div> <div id="d"> 计算机<input type="radio" name="01" id="" value=""> 机电<input type="radio" name="01" id="" value=""> 化工<input type="radio" name="01" id="" value=""> 航海<input type="radio" name="01" id="" value=""> 会计<input type="radio" name="01" id="" value=""><br> 选修（可多选）课<br> </div> <div id="e"><ul> <li> 马克思思想<input type="checkbox" name="" id="" value=""> </li> <li> *理论<input type="checkbox" name="" id="" value=""> </li> <li> 健康<input type="checkbox" name="" id="" value=""> </li> </ul></div> <div id="f"> 上传照片<input type="file" name="" id=""><br> </div> <div id="g">宿舍类型<select name="" size="1" id=""> <option value="">2人间</option> <option value="">6人间</option> <option value="">8人间</option> </select><br> </div> <div id="h"> <input type="reset" name="重置" id="重置"/> <input type="submit" name="提交" id="提交"><br> </div> </form> </td> </tr> </table> </body> </html>
今天学习了表单的使用，从<from></from>输入表单内容，其中使用到的文本输入语句<input type="" name="" id="" value="">，和表示文本框的text、表示密码框的password、表示隐藏域的hidden，和文本域的表示手法<textarea name="" value=""></textarea>。摁键的表示手法提交的submit，重置的表示手法reset、普通摁键buttom、图片的表示手法image。单选输入的表示手法radio、复选框的表示手法checkbox、文件上传的file。下拉列表<select name=""></select>和他的内部值<option value></option>。制作内镶式网页使用的iframe和制作完全框架的frameset。还学习了css样式表的一些基础，外部样式表、內镶式样式表、内联样式表，其优先级依次升高。head的注解方式/** **/。选择器的使用方式，标签选择器“所选标签”。class选择器 ."class的赋值名" <“”class=“”>。id选择器，赋值id #“id名”。复合选择器，并列选择用“，”隔开。后代选择从主体和所选后代中间加空格。筛选从主体中寻找class的赋值名中间加“.”。