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
原创粉丝点击