CSS的学习笔记---(二)
来源:互联网 发布:七政四余择日软件 编辑:程序博客网 时间:2024/06/09 15:20
一:各种邮件链接相关的
1. <a href="www.baidu.com" target="_blank">click here!</a> /*在新窗口打开连接*/2. <a href="mailto:yy@imooc.com">发送</a> /*点击就会打开邮件。地址栏已经填好邮件地址*/3. /*如果mailto后面同时有多个参数的话,第一个参数以?开头,后面的参数每一个都以&分隔*/<a href="mailto:yy@imooc.com?subject=观了不起的盖茨比有感&body=你好,对此评论有些想法">对此影评有何感想,发送邮件给我</a>4.<a href="mailto:yy@imooc.com?cc=imookAdmin@imooc.com">发送</a> /*抄送地址cc=:*/5. <a href="mailto:yy@imooc.com? bcc=pp@imooc.com">发送</a>/*密件抄送地址bcc=*/6. <a href="mailto:yy@imooc.com;zz@imooc.com;xx@imooc.com">发送</a> /*多个收件人、抄送、密件抄送人,用;隔开*/7. <a href="mailto:yy@imooc.com?subject=邮件的主题">发送</a> /*邮件主题subject=*/ 8.<a href="mailto:yy@imooc.com?subject=邮件的主要内容">发送</a> /*邮件内容body=:*/9. <img src="图片的地址" alt="下载失败时代替换文本" title="鼠标放上去的提示文本"/>
二:表单相关
与用户进行交互—所有文本框、按钮、单选框、复选框,都必须放在之间,否则提交不到服务器上
<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>#################################################/**********文本输入框、密码输入框。 name---为文本框命名,以备后台程序PHP使用。value--为文本输入框设置默认值,可以起到提示作用************/<form> <input type="text/password" name="文本框的名称,供后台调用" value="默认文本,起到提示的作用" /></form>####################################################/********文本域,支持多行文本输入: ------其中的rows,cols可以用css中的width,height来代替。************/<textarea rows="行数" cols="列数">文本balabalaba</texearea>####################################################/* 单选框+复选框 ----value:提交数据到服务器的值(后台程序PHP使用) ----name:为控件命名,供后台程序使用 -----checked:设置为checked时,默认被选中*/<input type="radio" value="值" name="名称" chencked="checked" /><input type="checkbox" value="值" name="名称" checked="checked" />####################################################/*注意:同一组的单选按钮,name的取值要一致,如:男女的选项里面的name 都取名字为name="gender"*/ <form action="save.php" method="post" > <label>性别:</label> <label>男</label> <input type="radio" value="1" name="gender" /> <label>女</label> <input type="radio" value="2" name="gender" /> </form>####################################################/*下拉列表!!!!!!!*/<option value="向服务器提交的值">显示的值</option>/*下面就是一个展示*/ <form action="save.php" method="post"> <label>爱好:</label> <select> <option value="看书" selected="selected">看书</option> <option value="旅游">旅游</option> <option value="音乐">音乐</option> </select> </form>#################################################### /*下拉列表也可以进行多选操作~~~~~~*/<form action="save.php" method="post" > <label>爱好:</label> <select multiple="multiple"> <option value="看书">看书</option> <option value="旅游">旅游</option> <option value="运动">运动</option> <option value="购物">购物</option> </select></form>####################################################/*使用提交按钮,提交数据=======提交按钮、重置-------type,设置为submit时,按钮才有提交的作用-------value,是按钮上显示的文字*/<input type="submit" value="提交">/*下面是一个小例子*/<form method="post" action="save.php"> <label for="myName">姓名:</label> <input type="submit" value="提交" name="submitBtn"/></form>####################################################/*使用重置按钮,重置数据====发生在,需要重置数据的时才有------type=reset的时候才能重置------value="按钮上显示的文字"*/<form action="save.php" method="post"> <label for="myName">姓名:</label> <input type="text" value="" name="myName" /> <input type="rest" value="重置" name="resetBtn" /></form>####################################################/*form表单中的label标签for 主要是 规定 label 绑定到哪个表单元素,看, 下面的input都有id值,且都是与label的for值相同*/<label for="控件的id名称"></label><form> <label for="male">男</label> <input type="radio" name="sex" id="male" /> <br/> <label for="female">女</label> <input type="radio" name="sex" id="female" /> <label for="email">输入你的邮箱地址:</label> <input type="email" id="email" placeholder="Enter your email" /></form>
0 0
- CSS的学习笔记---(二)
- css学习笔记(二)
- css学习笔记(二)
- CSS学习笔记-CSS选择器(二)
- CSS学习笔记(二)--CSS3的学习
- CSS学习笔记二
- CSS学习笔记二
- CSS学习笔记二
- CSS学习笔记(二)--CSS框模型/CSS定位
- HTML和CSS的学习笔记(二)
- 【学习笔记】CSS的基本语法(二)
- HTML、CSS学习笔记(二)
- css基础学习笔记(二)
- CSS学习笔记二(W3CSchool)
- CSS学习笔记(二):选择器
- CSS学习笔记(二)选择器
- JS学习笔记-CSS篇(二)
- HTML+CSS学习笔记(二)
- Linux查看系统信息的一些命令及查看已安装软件包的命令(转)
- CF_469C_24Game
- Android Studio操作/问题积累
- 设计模式--建造者模式
- Streaming测试用例(改)--54
- CSS的学习笔记---(二)
- OC_NSDate
- JDK环境变量配置
- 不应该害怕的事
- 黑马程序员——ios学习笔记 OC 继承
- CityEngine用到的一些英文单词(2)
- ViewPager+GridView显示popupwindow
- 找规律hdu4577
- Scala学习之Map、Tuple、Zip用法进阶