Html超链接和表单
超链接
a href="链接地址" target="链接打开方式" title="当鼠标放在连接上显示的文字"></a>
链接打开方式:
1._blank 在新窗口页面打开链接
2._self 在当前页面打开链接(默认)
超链接提供下载功能:
href="链接地址浏览器打不开时提供下载功能"
锚点链接:
标记点:<a name="标记值"></a>
<a id="标记值"></a>
跳转到标记点:
1.如果标记点在本页面:<a href="#标记值"></a>
2.如果标记点不在本页: <a href="标记点躲在路径+标记值"></a>
表单标签:
<form action="表单元素值提交到的地址" method="表单提交方式">
表单提交方式:
1.get: 会将表单元素以key=value的形式提交给action指向的地址
格式:表单元素提交地址?username=张三&pwd=123
不安全,传输的数据从地址栏传输,大小有限(不推荐)
2.post:
不会将参数从地址栏提交
安全,传内容大小没有限制
表单元素
</form>
表单元素通用格式:<input type="表单类型" name="" value="用户提交的内容">
1.文本类型:(value属性是用户输入的内容)
text:文本框
password:密码框
hidden:隐藏域
2.按钮类型
button:普通按钮(没有任何效果)
submit:提交按钮(当点击提交时,将表单的内容提交到action属性指向的地址中)
reset重置按钮(重置form标签中所有表单元素的值)
3.选择类型:
radio:单选按钮
checkbox:多选按钮
默认选中:checked 相当于 checked="checkde"
<label></label>
不可编辑:disabled
4.文件类型:
file:上传文件
form标签中添加enctype="multipart/form-data"
5.下拉框:
<select name="">
<option value="">选项1</option>
<option value="">选项2</option>
<option value="">选项3</option>
</select>
默认选中:selected 相当于 selected="selected"
不可编辑:disabled
6.文本域
<textarea></textarea>
Html超链接和表单的更多相关文章
- 用超链接提交表单,实现在动态网页的url中隐藏参数
动态网页中怎么隐藏url参数传递 我们在做动态网站的时候往往会在各个页面之间传递参数,而这些参数的名称和值都会在url地址栏中被暴露出来,这样一方面不安全,另一方面也不便于搜索引擎的收录,有的时候还有 ...
- HTML+CSS笔记 表格,超链接,图片,表单
表格 给表格加入CSS样式,添加表格边框 语法: <style type="text/css"> table tr td,th{border:1px solid #00 ...
- 黄聪:Pjax无刷新跳转页面实现,支持超链接与表单提交
什么是pjax? 当你点击一个站内的链接的时候,不是做页面跳转,而是只是站内页面刷新.这样的用户体验,比起整个页面都闪一下来说, 好很多. 其中有一个很重要的组成部分, 这些网站的ajax刷新是支持浏 ...
- Pjax无刷新跳转页面实现,支持超链接与表单提交
什么是pjax? 当你点击一个站内的链接的时候,不是做页面跳转,而是只是站内页面刷新.这样的用户体验,比起整个页面都闪一下来说, 好很多. 其中有一个很重要的组成部分, 这些网站的ajax刷新是支持浏 ...
- html表单提交方式
xml 表单提交方式: * 使用submit提交 <form> 要提交的数据 <input type="submit" /'> </form> ...
- JS 提交form表单
源码实例一:javascript 页面加裁时自动提交表单Form表单:<form method="post" id="myform" action=&qu ...
- php课程 4-15 数组遍历、超全局数组、表单提交数据(多看学习视频)
php课程 4-15 数组遍历.超全局数组.表单提交数据(多看学习视频) 一.总结 一句话总结:超全局数组特别有用,比如$_SERVER可以获取所有的客户端访问服务器的情况. 1.数组遍历三种方式( ...
- Servlet表单处理
HttpServletRequest 继承ServletRequest HttpServletRequest生命周期: 一个HttpServletRequest对象在用户向web服务器发送请求时 ...
- Servlet路径跳转1---使用相对路径和绝对路径,在页面上调用servlet的路径写法(超链接的方式和表单的方式)
课程1-13 http://www.imooc.com/video/5554 Servlet路径跳转: 绝对路径:放在任何地方都对的路径 相对路径:相对于当前资源的路径 index文件 加上/,表 ...
随机推荐
- 基于BasicRF点对点无线开发基础知识
BasicRF点对点概述 BasicRF软件包有四大部分: <1> 硬件层:Hardware Layer. <2> 硬件抽象层:Haware Abstraction Layer ...
- dumpsys-package
dumpsys-package ams和pms是android系统最重要的系统服务,本文解析dumpsys package命令,看哪些PMS相关的系统信息,数据结构是运行时可以查看的. 命令提示 co ...
- P2220 [HAOI2012]容易题(快速幂)
Describe 为了使得大家高兴,小Q特意出个自认为的简单题(easy)来满足大家,这道简单题是描述如下: 有一个数列A已知对于所有的A[i]都是1~n的自然数,并且知道对于一些A[i]不能取哪些值 ...
- vue 在main.js里使用vue实例
可以用 Vue.prototype 比如 Vue.prototype.$indicator.close(); 关闭正在加载的动画
- ThinkPad BIOS
ThinkPad-BIOS 如有问题指出 ~谢谢
- HDU 2014 (水)
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=2014 题目大意:给你 n 个数,去掉 max 和 min ,求平均数 解题思路: 很水,边记录分数,边 ...
- elasticsearch kibana + 分词器安装详细步骤
elasticsearch kibana + 分词器安装详细步骤 一.准备环境 系统:Centos7 JDK安装包:jdk-8u191-linux-x64.tar.gz ES安装包:elasticse ...
- dede文章列表根据权重自定义排序
首先在这里说明一下,网上搜索织梦文章列表自定义的方式无非有以下几种: 1.修改配置文件,新增一个orderid字段,想法很好,但是!但是!!!可能是早期版本的缘故,不适合现在的v5.7系统!按照网上说 ...
- Python基础语法day_04——操作列表
day_04 遍历整个列表 我们创建列表时,需要输出整个列表,但是通常列表会很长,包含很多元素,当列表长度发生变化是,都必须修改代码.通过for循环,我们可以很轻易地输出整个列表. #遍历整个列表 创 ...
- Office 2016 英文版(VOL版)下载
Office 2016 英文版(大客户版)下载磁力链接: 1.专业版(含project.visio) ProPlus, Project Pro, Visio Pro (x86-x64) magnet: ...