常用的属性:
border:给表格加边框。
width:描述表格的宽度。
align:描述表格的位置。
cellspacing:描述边框的宽度。
cellpadding:描述边框与文字的距离。
例:<table border="2" width="200" align=‘center‘ cellpadding="2" cellspacing="6">
6.表单控件
表单简介:把用户输入的数据提交到服务器端,简单来说,表达用来让用户输入数据,表单把数据封装起来,提交到后台的服务器。
表单的组成:(一共有三部分)
a.表单控件:用户输入数据,比如说输入用户名,输入密码。
b.提示信息:告诉用户输入框要输入什么值。
c.表单域:标识表单的开始和结束,语法为:<form>提示信息:表单控件</form>
1.创建表单
例如:<form action=‘‘htmlDemo01.html‘‘method=‘‘post‘‘ name=‘‘登录表单‘‘>
用户名:<input type=‘‘text‘‘ name=‘‘username‘‘ /><br />
密码:<input type=‘‘password‘‘ name=‘‘psw‘‘ /><br />
<input type=‘‘submit‘‘ value=‘‘提交‘‘ />
</form>
常用的属性:action:表单要提交的位置
method:表单提交的方式,常用的有get提交和post提交,默认情况下是get提交。
get和post提交的区别:
a.get提交:数据会显示在浏览器的地址栏,不安全,提交的数据大小是有限制的。
b.post提交:数据不会显示在浏览器的地址栏,安全,提交的数据大小是没有限制的。
2.表单控件:<input />
输入框控件的属性type:
文本框:text
密码框:password
单选按钮:radio
复选按钮:CheckBox
上传按钮:file
提交按钮:submit
重置按钮:reset
注意:表单想要把数据提交到指定的位置,输入框必须要有name属性。
比如:
评论:<br />
<form method=‘‘get‘‘ action=‘‘htmlDemo01.html>
<textarea rows=‘‘5‘‘ cols=‘‘50‘‘ name=‘‘pinglun‘‘>输入评论,请注意文明用语!</textarea><br />
<input type=‘‘submit‘‘ value"提交评论" />
</form>
原文:https://blog.51cto.com/14572091/2482250