表单实现<form>

表单实现：

创建一个界面，可以录入账号密码，有一个登陆按钮

                总结表单实现：

                 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 ---- 指定列