0
点赞
收藏
分享

微信扫一扫

第二次网页前端培训笔记

you的日常 2022-02-04 阅读 32
前端

表单

<form action="#"(提交的地址的URL) methon="get" id="myform" name="myform">

methon表单提交方式:get、post

get请求(默认)

        参数会直接跟在URL后,用问号拼接。安全性差,传递的数据量小,效率高(是post的两倍),有缓存

post请求

        参数不会跟在URL后,会放在请求体中。安全性高,传输数据量大,速度相对慢,无缓存。

input

type表单元素的类型

        text文本框 password密码框 radio单选框 checkbox复选框 button普通按钮 hidden隐藏域(用来存放需要传递给服务器,但不需要显示的数据) file文件域(上传文件) date日期框 submit提交按钮 reset重置按钮 image图片按钮(提交按钮)

value表单元素的值

checked是否选中(单选框/复选框)

disabled是否禁用

maxlength允许输入最大字符

textarea

例如:

编号<input type="hidden" name="userid" value="1" /><br>

姓名<input type="text" name="username" value="zhangsan" /><br>

密码<input type="password" name="userpwd" maxlength="6" /><br>

性别:男<input type="radio" name="usersex" value="man" checked="checked"/><br>

        女<input type="radio" name="usersex" value="woman" /><br>

爱好:唱歌<input type="checkbox" name="userhobby" value="sing" /><br>

        跳舞<input type="checkbox" name="userhobby" value="dance" /><br>

        说唱<input type="checkbox" name="userhobby" value=shuochang" disabled=“disabled“”” /><br>

生日<input type="date" name="userdate"  /><br>

头像<input type="file" name="userhead"  /><br>

简介<textarea name="remark" rows="5" cols="50"  />1111</textarea><br>

<input type="button" value="普通按钮"  /><br>

<input type="reset" value="重置按钮"  /><br>

<input type="submit" value="提交按钮"  /><br>

<input type="image" src="img/bd.png"  /><br>

label

设置label标签的for属性值与表单元素的id属性值对应,当点击label标签是,会自动给表单元素聚焦

button(默认提交按钮)

<button type="button">普通按钮</button>

<button type="reset">重置按钮</button>

<button type="submit">提交按钮</button>

select

<select name="city" multiple="multiple"(规定可以多选项) size="3"(下拉框显示的个数)disabled="disabled">默认选中第一项

<option value="beijing" disabled="disabled">文本</option>

<option selected="selected"(默认选中)>文本</option>

</select>

当option设置了value值,提交的是value对应的值

当option未设置了value值,提交的是文本

常用字符实体(都需要加分号)

<&lt

>&rt

空格&nbsp

版权符&copy

举报

相关推荐

0 条评论