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 取值一定要一致,这样同一组的单选按钮才可以起到单选的作用。


 

 

最新文章

  1. VBA中方法传参
  2. javascript 字符串数组链接
  3. Android -- 自定义View小Demo,动态画圆(一)
  4. Java Serializable
  5. ORACLE SQL TUNING ADVISOR 使用方法
  6. Zabbix监控Linux磁盘I/O
  7. 大数据笔记07:大数据之Hadoop的HDFS(特点)
  8. 使用DatagramSocket与DatagramPacket传输数据
  9. [置顶] java web 动态服务器
  10. 微信红包API接口(PHP)
  11. filezilla安装
  12. 201521123101 《Java程序设计》第7周学习总结
  13. JAVA基础复习与总结&lt;九&gt; 线程的基本概念_Thread继承创建线程
  14. Python 文件的基本操作
  15. mysql 安装部署
  16. ffmpeg快速获取视频截图
  17. 为什么推荐InnoDB引擎使用自增主键?
  18. Knowing is not enough; we must apply. Willing is not enough; we must do.
  19. Archlinux系统配置学习笔记(一)
  20. 【莫队算法】【权值分块】bzoj3920 Yuuna的礼物

热门文章

  1. Proguard 保留native methods的问题
  2. poj2456 二分逼近寻找正确答案
  3. HDU 4268 Alice and Bob set用法
  4. Ubuntu 14.10安装mentohust
  5. Injector Job深入分析
  6. Win7中,取消共享文件夹后有个小锁
  7. WordPress插件制作教程(六): 插件函数之动作(Actions)函数
  8. CoreData的数据迁移
  9. My Eclipse 自动提示
  10. hdu 2807 The Shortest Path