HTML基础知识笔记(二)
语法:
<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
讲解:
1、src:标识图像的位置;
2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本;
3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本);
4、图像可以是GIF,PNG,JPEG格式的图像文件。
语法:
<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的区别这一部分内容属于后端程序员考虑的问题。
语法:
<form>
<input type="text/password" name="名称" value="文本" />
</form>
1
、type:
当type="text"时,输入框为文本
输入框;
当type="password"时,
输入框为密码输入框。
2
、name:
为文本框命名,以备后台程序ASP 、PHP使用。
3
、value:
为文本输入框设置默认值。(一般起到提示作用)
HTML文本域、支持多行文本输入
语法:
<textarea
rows="
行数"
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 取值一定要一致,这样同一组的单选按钮才可以起到单选的作用。
最新文章
- VBA中方法传参
- javascript 字符串数组链接
- Android -- 自定义View小Demo,动态画圆(一)
- Java Serializable
- ORACLE SQL TUNING ADVISOR 使用方法
- Zabbix监控Linux磁盘I/O
- 大数据笔记07:大数据之Hadoop的HDFS(特点)
- 使用DatagramSocket与DatagramPacket传输数据
- [置顶] java web 动态服务器
- 微信红包API接口(PHP)
- filezilla安装
- 201521123101 《Java程序设计》第7周学习总结
- JAVA基础复习与总结<;九>; 线程的基本概念_Thread继承创建线程
- Python 文件的基本操作
- mysql 安装部署
- ffmpeg快速获取视频截图
- 为什么推荐InnoDB引擎使用自增主键?
- Knowing is not enough; we must apply. Willing is not enough; we must do.
- Archlinux系统配置学习笔记(一)
- 【莫队算法】【权值分块】bzoj3920 Yuuna的礼物