入门HTML之表单文本框文本域按钮

最新推荐文章于 2024-08-13 17:07:13 发布

最爱林丽明小姐

最新推荐文章于 2024-08-13 17:07:13 发布

阅读量6.1k

点赞数 2

分类专栏： HTML

本文链接：https://blog.csdn.net/kissme_a/article/details/17401461

版权

HTML 专栏收录该内容

20 篇文章 1 订阅

订阅专栏

HTML表单是HTML页面与浏览器端实现交互的重要手段。利用表单可以收集客户端提交的有关信息。

在HTML里，我们可以定义表单，并且使表单与CGI或ASP等服务器端的表单处理程序配合。我们在网页设计课程中不会涉及程序编制。

表单是网页上的一个特定区域。这个区域是由一对<form>元素定义的。
<form>元素
action属性：用来定义表单处理程序（一个ASP、CGI等程序）的位置(相对地址或绝对地址)。
Method定义表单结果从浏览器传送到服务器的方法，一般有两种方法：get、post。

表单的基本语法:
<form action="url" method=* type=text/plain> ...
<input type=submit>
<input type=reset>
</form>
* =GET有数据量限制，POST无以上限制,以文件形式传输

<html>
<head>
	<title>留言簿</title>
</head>
<body bgcolor = "#e7e7e7">
	<form>
	<table boeder = 0 width= 500>
	<th colspan = 2>留言簿</th>
	<tr>
		<td align = "right">名字：</td>
		<td><input type = text name = name size = 15></td>
	</tr>
	<tr>
		<td align = "right">E-mail</td>
		<td><input type = text size = 35 name = e-mail></td>
	</tr>
	<tr>
		<td valign = "top" align = "right">留言</td>
		<td><textarea name = liuyan rows = 5 cols = 35></textarea></td>
	</tr>
	<tr>
		<td colspan = 2 align = "center">
		<input type = "submit" value = "提交">
		<input type = "reset" value = "重置">
		</td>
	</tr>
	</table>
	</form>
</body>
</html>

文本框
<input name=? type=* value=** size=*** maxlength=??>
?  文本框的名字
*  text,password
**  默认值
*** 长度
??  最大输入字符数

3.文本域
<textarea name=* rows=** cols=**> ... </textarea>

<html>
<head>
	<title>表单</title>
</head>
<body>
	<form action = "" method = "post">
	您的姓名：<input name = "username" type = "text" value = "username" size = "15" maxlength = "15"><br>
	密码：<input name = passward type = passward value = passward size = 15 maxlength = 15><br>
	留言：<textarea name = "comments" rows = 5 cols = 35></textarea>
	</form>
</body>
</html>

按钮
包括普通按钮、重置按钮和提交按钮
<input type="submit" value="提交" name=“B1">
<input type="reset" value="全部重写" name=“B2">

<html>
<head>
	<title>表单按钮</title>
</head>
<body>
	<form action = "" method = "post">
	<input type = "submit" value = "提交" name = B1>
	<input type = "reset" value = "重置" name = B2>
	</form>
</body>
</html>