码迷,mamicode.com
首页 > Web开发 > 详细

HTML基础知识笔记(二)

时间:2015-11-22 21:37:05      阅读:124      评论:0      收藏:0      [点我收藏+]

标签:

HTML <img>标签

语法:

<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">

讲解:

1、src:标识图像的位置;

2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本;

3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本);

4、图像可以是GIF,PNG,JPEG格式的图像文件。

 

HTML表单标签,用户交互

语法:

<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的区别这一部分内容属于后端程序员考虑的问题。

 
HTML文本输入框、密码输入框

语法

<form>
   <input type="text/password" name="名称" value="文本" />
</form>

1、type:

   当type="text"时,输入框为文本输入框;

   当type="password"时,输入框为密码输入框。

2、name:为文本框命名,以备后台程序ASP 、PHP使用。

3、value:为文本输入框设置默认值。(一般起到提示作用)

 

HTML文本域、支持多行文本输入

语法:  
<textarearows="行数"cols="列数">文本</textarea>
1、<textarea>标签是成对出现的,以<textarea>开始,以</textarea>结束。 2、cols :多行输入域的列数。 3、rows :多行输入域的行数。 4、在<textarea></textarea>标签之间可以输入默认值。 举例  
<form  method="post" action="save.php">
        <label>联系我们</label>
        <textarea cols="50" rows="10" >在这里输入内容...</textarea>
</form>

HTML单选框、复选框

语法:
<input   type="radio/checkbox"   value="值"    name="名称"   checked="checked"/>
1、type:   当 type="radio" 时,控件为单选框   当 type="checkbox" 时,控件为复选框2、value:提交数据到服务器的值(后台程序PHP使用) 3、name:为控件命名,以备后台程序 ASP、PHP 使用 4、checked:当设置 checked="checked" 时,该选项被默认选中。注意:同一组的单选按钮,name 取值一定要一致,这样同一组的单选按钮才可以起到单选的作用。

技术分享

 

 

HTML基础知识笔记(二)

标签:

原文地址:http://www.cnblogs.com/frankonhisway/p/4986664.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!