jsday02（一个基本的提交js post get 一些基本的标签）

来源：互联网发布：淘宝新店怎么开直通车编辑：程序博客网时间：2024/04/29 22:18

需要与服务器端有交互用form
form中有个属性action可以指向地址
get提交方式不安全会把所有信息都放在地址栏上而且长度有限制2083
post只显示网址安全大数据用post没有限制
get将数据封装在消息头的前面
post在消息头西面
post在服务器端加上gbk编码方法就能解决乱码
get不能通过加方法解决 tomcat iso8859-1 编码表 iso8859-1再编码一次再解才行
post提交能避免敏感信息而且解码非常方便
http在进行传输的时候会将客户端的信息发给服务端知道你能支持的方式然后按照客户端的需求服务端进行回馈
jsp

<a href="http://127.0.0.1:10008?user=sdgfds&psw=123&repsw=111&sex=yyy">提交数据</a> 直接通过超链接提交数据<fieldset>    <legend>注册区域</legend><form action="http://127.0.0.1:10008"  method="post" >    <table border="1" bordercolor="#0000FF" width="70%" cellpadding="10" cellspacing="0">        <tr>            <th colspan="2" >注册页面 </th>        </tr>        <tr>            <td>用户名 </td>            <td> <input type="text" name="user" /></td>        </tr>        <tr>            <td> 密码</td>            <td> <input type="password" name="password" /></td>        </tr>        <tr>            <td> 确认密码</td>            <td> <input type="password" name="rpsd" /></td>        </tr>        <tr>            <td> 性别</td>            <td> <input type="radio" name="sex" value="nan" />男                    <input type="radio" name="sex" value="nv" />女            </td>        </tr>        <tr>            <td> 技术</td>            <td>                   <input type="checkbox" name="tech" value="java"  /> java                               <input type="checkbox" name="tech" value="web" />web            </div></td>        </tr>         <tr>            <td> 国家</td>            <td>              <select name="country" >                <option value="none">选择国家</option>                <option value="cn">中国</option>                <option value="en">英国</option>                <option value="usa">美国</option>            </select>            </td>        </tr>        <tr>            <th colspan="2"><input type="submit"  value="提交数据"/><input type="reset" value="清除数据" /></th>        </tr>    </table></form></fieldset>

服务端

ServerSocket ss = new ServerSocket(10008);        Socket s = ss.accept();        InputStream in = s.getInputStream();        byte[] buf = new byte[1024];        int len =in.read(buf);        String str = new String(buf,0,len);        System.out.println(str);        OutputStream out = s.getOutputStream();        PrintWriter pw = new PrintWriter(out,true);        pw.println("<font size=7 color=green>注册成功</font>");        s.close();        ss.close();        System.out.println("hello");

<label>用于给各元素定义快捷键for属性 指定快捷键作用的表单元素 必须要与作用的表单元素的id值相同accesskey 属性 指定快捷键 此快捷键需要和alt键组合使用<label for="user" accesskey="u">用户名(u)</label><input type="text" id="user"/>

表单提交
1、先定义form表单中的action属性值指定表单数据提交的目的地(服务端)
2、明确提交方式通过制定method属性值如果不定义那么method默认的是get
get和post这两种最常用的提交方式的区别
1、get提交将数据体现在地址栏对敏感信息不安全
post提交不显示在数据蓝
2、地址栏中存放的数据是有限的所以get方式对提交的数据体积有限制
post可以提交大体积数据
3、对提交数据的封装方式不同
get将提交数据封装到了信息的前请求行中
post将提交的数据封装到消息头后数据体中
通常表单用post提交因为编码方便
对于tomcat服务器端默认的解码方式是iso8859-1 那么中文会出现乱码
通过post提交可以使用request.setCharacterEncoding(“GBK”)来解决乱码问题该方法只对数据体有效
如果是get提交 requ est.setCharacterEncoding(“GBK”)该方法对乱码解决不了必须先进行iso8859-1编码然后进行gbk的解码这种方式虽然对post提交的乱码也通用但是麻烦所以建立表单提交使用post

头标签
头变迁都放在<head></head>头部分之间包括 title base meta link

<title>指定浏览器的标题栏显示内容<base>href属性 指定网页中所有的超链接的目录 可以是本地目录也可以是网络目录 **注意值的结尾处一定要用/表示目录** 只作用于相对路径的超链接文件target属性 指定打开超链接的方式如_blank表示所有的超链接用新窗口打开<meta>name 属性网页的描述信息当取keywords时 content属性的内容就作为搜索引擎的关键字进行搜索http-equiv 模拟http协议的响应消息头 能在几秒后自动刷新状态选refresh<link>rel属性 描述目标文档与当前文档的关系type属性 文档类型media属性 指定目标文档在那种设备上起作用<link rel="stylesheet" type="text/css" media="screen,print" href="a.css"/> media是显示的设备 要颜色就在media里面加

other

<marquee>让内容动起来direction left right down up     四个方向动behavior scroll alternate slide  具体动的结果<pre> 可以将文本内容按在代码区的样子显示在页面上 保留数据的原样保留tab空格<p>换行 空一行<b>加粗<strong><i>斜体<u>下划线<sub>下标<sup>上标

XHTML是可扩展的超文本标记语言那 (Extensible HyperText Mrakup Language )
XHTML是w3c组织在2000年的时候为来增强HTML推出的本来是想替代HTML 但是发现Internet上用HTML写的网页太多没成功可以理解为HTML一个升级版(HTML4.01)
XHTM的代码结构更加严谨是基于XML的一种应用
XML是可扩展标记语言(Extensible Markup Language)
XML是对数据信息的描述 HTML是数据显示的描述
XML代码规定的更为严格标签不结束被视为错误
XML规范可以被更多的应用程序所解释将成为一种通用的数据交换语言
各个服务器框架都将XML作为配置文件
html 是根标签别的都是在他上面
DOCTYPE html 文档声明类型与根标签一致
PUBLIC w3c 定义的关键字还有个system是小点的
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd 对标记型文档进行约束约束模式文件会帮你结束标签
xmlns 不需要上网是名称空间为了保证不一致在不同空间名字一样都能运行
xml可以对数据进行相对复杂的描述

阅读全文

0 0