首页 > 代码库 > 学习笔记10.30

学习笔记10.30

     

<!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="width: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的赋值名中间加“.”。

学习笔记10.30