10.29总结

超链接 

<a href="连接的地址"   target="_blank"(在新的页面打开连接)  _self(在当前页面打开连接)  title="当鼠标放到超链接上面时显示的文字"  ></a>

下载功能:

<a href="需要下载的文件的路径"

当浏览器不能解析超链接指向的文件就自动下载

能解析就打开

 

 

设置锚点

<a       name="值"或id="值"></a>

跳转锚点

<a  href="路径  + # + 值 "></a>

 

表单:

            <form action="连接"    (当点击 提交按钮 时候将表单数据提到到的地址) method =''提交方式"(get post)

 

 

get:会在上传地址上显示,不建议使用

 

post:不会在网址是上显示,是常用的方式

 

一、超链接:

1、<a href="链接地址" target=“目标窗口打开方式” title=“当鼠标放上时显示的文字”>文字</a>

打开方式:_blank 新的窗口页打开

       _self 在当前页打开

2、下载功能:

<a href="要下载的文件的路径"></a>   当浏览器不能解析超链接指向的文件时就会提供下载功能

3、锚点链接:

    设置锚点:<a name="值"或者id=“值”></a>

4、跳到锚点:<a href="路径#值"></a>


二、表单:

  <form action="当点击提交按钮时将表单数据要提交到的地址"method="提交方式">表单元素</form>

  提交方式:1、get:会将表单数据从url地址栏上以提交地址?key=value1&key2=value2提交表单地址

        特点:1、不安全   2、提交的数据大小有限制

       2、post:

        特点:1、安全     2、提交的数据大小没有限制

      总结:百分之99.999的表单提交都用post提交

 


   表单元素:

     通用格式:<input type="表单元素值" name="" value="">

     注意:name属性一定要写,当点击提交按钮时,表单数据会以key=value的形式提交   key就是name属性的值

  表单元素值:

    1、文本类型:

          文本框  text

          密码框  password

          默认:用户输入的值就是value属性值

          隐藏域 hidden

    2、按钮类型:

          普通按钮   button

          重置按钮   reset

          提交按钮   subnit

 

<input type="button" value="普通按钮">
<input type="reset" value="重置按钮">
<input type="submit" value="提交按钮" >

 


    3、选择类型:

          单选按钮   radio   需要用name属性分组      

           默认被选中   checked

          当属姓名=属性值的时候    就只写属性名

          checked=“checked”  相当于checked

          多选按钮 checkbox

lable:绑定

爱好:

    <lable>
足球:<input type="checkbox" name="hobby" value="zq" checked>

        </lable>
篮球:<input type="checkbox" name="hobby" value="lq" checked>
排球:<input type="checkbox" name="hobby" value="pq" >

 



  下拉列表:

    <select name="">

        <option value="">列表1</option>

        <option value="">列表2</option>

        <option value="">列表3</option>

    </select>

    默认选中:selected

 

地区:
<select name="city" >
<option value="">请选择</option>
<option value="bj" selected>北京</option>
<option value="sh">上海</option>
<option value="gz">广州</option>
</select>



  文本域:

    <textarea name="" cols="" rows=""> value值

    </textarea>

个人简介:
<textarea name="person" cols="2" rows="2">个人简介</textarea>

 

posted @ 2021-10-29 16:47  阿宁5813  阅读(34)  评论(0)    收藏  举报