第22课:<img>标签、表单标签(form)
2016-10-21 10:46
337 查看
认识<img>标签,为网页插入图片
在网页的制作中为使网页炫丽美观,肯定是缺少不了图片,可以使用<img>标签来插入图片。
语法:
<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
举例:
<img src = "myimage.gif" alt = "My Image" title = "My Image" />
讲解:
1、src:标识图像的位置;
2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本;
3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本);
4、图像可以是GIF,PNG,JPEG格式的图像文件。
使用表单标签,与用户交互
网站怎样与用户进行交互?答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。语法:
<form method="传送方式" action="服务器文件">
讲解:
1.<form> :<form>标签是成对出现的,以<form>开始,以</form>结束。
2.action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。
3.method : 数据传送的方式(get/post)。
<form method="post" action="save.php"> <label for="username">用户名:</label> <input type="text" name="username" /> <label for="pass">密码:</label> <input type="password" name="pass" /> </form>
注意:
1、所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在<form></form>标签之间(否则用户输入的信息可提交不到服务器上哦!)。
2、method:post/get的区别这一部分内容属于后端程序员考虑的问题。感兴趣的小伙伴可以查看本小节的wiki,里面有详细介绍。
相关文章推荐
- 表单标签<form>
- 表单标签<form>:表单的作用是收集信息
- springMVC表单标签 <form:select>如何禁用下拉列表
- SpringMVC<from:form>表单标签和<input>表单标签简介
- XHTML那点事【表单标签<form>的使用】
- Javaweb表单标签<form>标签
- <input type="image">标签引发的form表单自动提交
- SpringMVC<from:form>表单标签
- SpringMVC<from:form>表单标签和<input>表单标签简介
- <form>表单标签
- struts2的form等表单布局问题,去掉其自动生成的<table><tr><td>标签
- Html form <select>下拉列表菜单与跳转菜单表单标签篇
- truts2中表单可以不用struts自带的<s:form>标签,直接用html的<form>标签能够提交数据到action
- SpringMVC<from:form>表单标签和<input>表单标签简介
- jsp中使用 <a>、<img>、<link>、<form>和ajax 标签中的URL相对路径问题
- HTML <form> 标签的 enctype 属性
- 图像标签(<img>)和源属性(Src)
- 表单中<form>的enctype属性
- 设置<form>表单不换行
- jeecg 中标签<t:formvalid>处理的js代码