您的位置:首页 > Web前端 > HTML

HTML有关表格表单的知识单

2020-04-02 18:36 1071 查看

<html>
<head>
<title>web表格</title>
</head>
<body>
<form method="post" action="#">
<table width="100" alien="center" border="10" cellspacing="100" cellpadding="0">
<caption>这是一个表单的说明</caption>
<tr>
<td><input type="text" value="name" name="name1"></td>
<td><input type="password" value="密码" name="password"></td>
</tr>
</br>
<input type="checkbox" value="swim" name="sport">游泳
<input type="checkbox" value="ping pang" name="sport">乒乓
<input type="checkbox" value="sssss" name="sport">水水水水<br>
<input type="radio" value="male" name="sex">男
<input type="radio" value="female" name="sex">女</br>
<textarea name="comment" col="100" rows="10">这是文本域的名字</textarea></br>
<input type="file" name="file" >
<select>
<option value="one" selected>
选项一
</option>
<option value="two">
选择二
</option>
</select>
</table>
</form>
</body>
</html>
<!--
1.表单
2.标签捆绑
3.提交,重置,普通按钮
4.禁止功能
5.建表的宽高以及位置还有字与边距
6.设置两个点击的布尔选项以及设置多个
7.文件控件
8.拉伸列表
9.设置文本域
10.
<form>
<input type="radio"id="kkk" value="male" name="sex"><label for="kkk">男</label>显式绑定点男可以直接选上不必非得选框
<label> <input type="radio" value="female" name="sex">女</label>隐式绑定同样的作用
热点地图
内联框架<iframe></iframe>
<caption>文本解释</caption>
<input type="file" name=""disable>文件控件,加上disable 就说明不可使用这是一个bool的值
<input type="submit" value(按钮上的文字)="提交" name="">
<input type="reset"value="重置">
<input type="button" (可以自己弄一个作用比如做个标签啥的?)value="普通按钮">
<textarea name="comment" col="100" rows="10">这是文本域的名字</textarea>//col 与rows只是个默认的其实他是可以拉伸的
<select>
<option value="one" selected(这里面是默认选择)>
选项一
</option>
<option value="two">
选择二
</option>
</select>这是一个下拉列表
</form>
-->
  • 点赞 1
  • 收藏
  • 分享
  • 文章举报
mrgaohaihang 发布了23 篇原创文章 · 获赞 1 · 访问量 510 私信 关注
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: