郭姗姗-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 />换行标签
密 码:<input type="paaword" name="password" id="password" placeholder="请输入密码"/>
(相当于空格键) &+……根据提示相当于一个符号
注:密码和用户名的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环境下重置按钮才有作用,而且可以在
近期评论