博客列表 >0403表格和表单

0403表格和表单

扬美刘
扬美刘原创
2020年04月04日 19:55:00433浏览

链接元素

链接是网页是常用、重要的元素,基本形式是<a href="">这里是链接</a>,属性有target=”_balnk,top,_self等”,链接主要有下列几种:

  • 1)网址超链接 <a href="url">文字或图片</a>,点击后进入所写的网址;
  • 2) 下载文件 <a href="*.zip或可下载的文件" download="学习文件.zip">这个是下载文件</a>,点击后下载文件;
  • 2) 发送邮件 <a href="mailto:abc@abc.com">abc@abc.com</a>,点击后发送电子邮件;
  • 2) 拨打电话 <a href="mailto:abc@abc.com">文字或图片</a>,在手机端占击后将打开电话拨号;
  • 2) 锚链接 <a href="#abc">文字或图片</a>,abc是锚的name字称,可以在同一页面或不同页面;

列表元素

列表的三种形式

  • 1)无序号列表

    <ul>
    <li>aaaaaaaa</li>
    <li>bbbbbbbb</li>
    <li>cccccccc</li>
    </ul>

  • 2)有序号列表,可以加入start属性,自定义起始编号,如start=5则从5开始;

    <ol start="5">
    <li>aaaaaaaa</li>
    <li>bbbbbbbb</li>
    <li>cccccccc</li>
    </ol>

  • 3)自定义列表
    <dl>
    <li>aaaaaaaa</li>
    <li>bbbbbbbb</li>
    <li>cccccccc</li>
    </dl>

    表格元素

    表格的基本形式是,下载的表格表示有二行,三列;

    <table>
    <tr><td>编号</td><td>姓名</td><td>电话</td></tr>
    <tr><td>1</td><td>AAA</td><td>123456789</td></tr>
    <tr><td>2</td><td>BBB</td><td>123456789</td></tr>
    </table>
    表格有很多属性,如width,height,cellspacing,cellpadding,align,border等属性
    表格头可以用th替代td,th中的文字默认加粗,居中;
    <thead></thead>表头一般加在第一行,<tbody></tbody>表主体,加在表头下,如下:
    <table class="tablestyle">
    <thead>
    <tr><td>编号</td><td>姓名</td><td>电话</td></tr>
    </thead>
    <tbody>
    <tr><td>1</td><td>AAA</td><td>123456789</td></tr>
    <tr><td>2</td><td>BBB</td><td>123456789</td></tr>
    </tbody>
    </table>

表单元素

表单的基本形式如下

<form name="" action="">
文本框<input name="" value="" type="text">
密码框<input name="" value="" type="password">
单选<input name="" value="1" type="radio">yes <input name="" value="0" type="radio">no;
多选<input name="" value="a" type="checkbox">鱼<input name="" value="b" type="checkbox">虾 <input name="" value="c" type="checkbox">蟹
</form>
为了便于用户操作,可以用autofocus用自动对焦,用label来绑定选项,用checked用默认选中。用maxlenth限制最大字条款,用placeholder写提示,用required要求必填;

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议