表单实现:
创建一个界面,可以录入账号密码,有一个登陆按钮
总结表单实现:
1、显示表单,使用HTML内置的标签
2、指定提交到的服务器
form 中使用属性:
action = "服务器URL"
3、在输入项中设置 name,name的值就是传递数据使用的键
4、提交方式:
默认提交:在URL会显示提交的内容 --- 是GET 方式
特殊情况:密码,不能显示在地址栏
设置 method = "post"
二者区别2:
get ----- 提交数据有限制
post ---- 提交的数据没有长度限制,文件上传
文本输入框
密码输入框
单选按钮
复选框
重置按钮
提交按钮
总结:
1、使用格式基本一样
<input type="xxx" name="键"/>
text ----- 文本输入框
password - 密码输入框
radio ---- 单选按钮
checkbox - 复选按钮
reset ---- 重置按钮 reset重置按钮
submit --- 提交按钮
file ----- 文件上传
2、注意事项
A、radio要实现互斥,必须有相同的name值
B、radio 与 checkbox 如果向服务传递数据,必须指定 value 值,不然都是 on
C、优化:
radio 和 checkbox 设置默认选定项:
使用属性 checked="checked"
3、属性
value --- 可以进行数据回显
size ---- 设置长度
不可修改:
readonly ----- 不可修改,数据还得传递到服务器
disabled ----- 不可用,数据不再传递了
4、重点
hidden ---- 存储不必要显示但是服务器必须的数据
举例:
修改页面设计:
1、按照账号进行数据库更新,效率低
2、按照ID进行数据库更新,效率高,ID显示在客户端,设置成不可修改,不够友好
3、按照ID进行更新,客户端存储ID,但是不显示,使用 hidden 标签
特殊:数据给服务器使用,客户端不需要显示
下拉列表
文本域
表格实现 select:
下拉列表
<select name="键">
<optionvalue ="v1">值1</option>
<optionvalue ="v2” selected=”selected"(选定)>值2</option>
<optionvalue ="v3">值3</option>
</select>
设置多选:
mutiple 设置多选
文本域:
rows ---- 指定行
cols ---- 指定列