郭姗姗-20201027

知识点:


一、web体系结构(一部分)
 客户端<(form表单、url传参、ajax)>服务端
 客户端—>服务端(以字符串string形式传递,图片文件以二进制形式传递到服务端)、服务端获取信息通过name属性。
二、1、form—>表单                       action=“服务端路径”(服务端路径包括 注册、登录等信息)
            method—>提交方式(提交方式包括 get显示提交 信息在浏览器地址栏显示出来、post隐式提交信息不显示
           较为安全)                            enctype—>上传文件形式(一般指文件、图片)
          <form action="服务端路径" method="post" enctype="application/x-www-form-urlencoded">
      2、用户名:<input type="text" name="username" id="username" placeholder="请输入用户名"/> <br />
           placeholder(提示性文字)       name(给标签的名字)                   <br />换行标签
          密&nbsp;&nbsp;&nbsp;码:<input type="paaword" name="password" id="password" placeholder="请输入密码"/>
          &nbsp;(相当于空格键)       &+……根据提示相当于一个符号   
          注:密码和用户名的id不可以相同
     3、性别:<input type="radio" name="gender" value="男"/>男   <input type="radio" name="gender" value="女"/>女
           radio(单选按钮) 性别中name的属性必须一致,服务端只获取一个
           验证码是由服务端和客户端共同生成的
    注:  根据不同的需求选择type的类型: 邮箱->email       爱好->checkbox(多选)      生日->date     周->week
           籍贯<select name="native">  <option value="地域">地域</option>   < /select>
    4、 自我介绍:<textarea style="resize:none;" rows="9" cols="80"></textarea>
          textarea(文本域)        style="resize:none;"(禁止文本框拖拽)       cols(文本框行)、rows(文本框列)
          几个常见的按钮:
       (须与<form></form>一起使用)
         <input type="button" value="普通按钮" />
         <input type="submit" value="提交按钮" />              提交按钮(提交注册登录付款等信息到服务端)
         <input type="reset" value="重置按钮" />
         <input type="image" src="img/eee.jpg"  height="70" wedith="60" value="图片按钮" /> 
三、新建html文件
    1、 align(设置文字在边框中的位置 left right center)    cellpadding(字体聚边界的距离)   cellspacing(每个框线间的距离)
         <table align="center"width="800" height="400"cellpadding="0"border="0">          border(框线宽度)
    2、<tr>   <td width="40" align="center" height="30" colspan="5">问卷调查</td>   </tr>
          <tr></tr>表格设置         <td></td>……每行表格个数
          <td colspan="2"……  2列合并              <td rowspan="3"……  3行合并

心得体会:
本次实验主要是学习常见基本信息,按钮,表格的制作。老师讲课速度刚好足够我反应和记录,学习效果良好。学习的基本信息
是根据具体类型选择type的基本形式,包括日期、周等;本次学习的基本类型还有checkbox等类似的文本框多选,对这个很有兴趣,
还有籍贯的多选一的代码。学习制作文本框的代码,在做作业时发现不会固定具体的文本框的大小,通过回忆记起利用cols和rows
来固定文本框大小,并禁止拖拽达到目标。通过学习极个常用的按钮,发现只有在form环境下重置按钮才有作用,而且可以在

里面设置具体表格的大小。本节课,收获颇益,以后还需多加练习,温故知新,发现新的不足。

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1