表格和表单

xiaoxiao2021-02-28  146

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- 格式标签 cellspacing: 单元格与单元格之间的距离 cellpadding: 内容与单元格边框的距离 th标签: 表格列标题 td标签: 列内容 tr标签: 表格的行 行并列: colspan在要合并的标签使用.要删除下一个 列并列: rowspan要在合并的标签使用.要删除下一个 tr标签里面多余的列 --> <table cellspacing="0px" cellpadding="20px" border="10px"> <tr> <th>姓名</th> <th>年龄</th> <th>学号</th> <th>成绩</th> </tr> <tr> <td colspan="1">庄三</td> <td rowspan="2">28</td> <td >20160901</td> <td>98</td> </tr> <tr> <td >庄三</td> <td >20160901</td> <td>98</td> </tr> <table> form表单标签: <form action=""> 单行文本: <input /> <input type="text" name="" /> 密码文本: <input type="password" placeholder="你想输入什么呢?" /> 多行文本: <textarea name="text" id="2" cols="20" rows="5"></textarea> <hr/> 单选按钮: <input type="radio" name="sex" />男 <input type="radio" name="sex" checked />女 <br /> 多选按钮: <input type="checkbox" name="fruit" checked />苹果 <input type="checkbox" name="fruit" />橘子 <input type="checkbox" name="fruit"  />香蕉 <hr  /> 下拉列表: <select name="编程语言" id=""> <option value="c++">c++</option> <option value="c">c</option> <option value="python" selected> python</option> <option value="HTML">HTML</option> 注意: input标签默认选择:checked option标签默认选择: selected </select> </form> </body> </html>
转载请注明原文地址: https://www.6miu.com/read-19196.html

最新回复(0)