初识HTML_表单_蓝瞳_前端开发者

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<form action="" method="">
			<table width="600px" border="1px" cellspacing="0" cellpadding="">
				<tbody>
					<tr height="40px">
                        <td rowspan="4" align="center">总体信息</td >
                        <td colspan="2"></td>
                    </tr>
					<tr height="40px">
                        <td align="center">用户名</td>
                        <td><input type="text" name="" id="" value="" /></td>                       </tr>
					<tr height="40px">
                        <td align="center">密码</td>
                        <td><input type="password" name="" id="" value="" />
                        </td>
                    </tr>
					<tr height="40px">
                        <td colspan="2"><input type="submit" name="" id="" value="提交" />
                            <input type="button" name="" id="" value="重置" />
                        </td>
                    </tr>
				</tbody>
			</table>
		</form>
	</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form action="" method="">
<table width="600px" border="1px" cellspacing="0" cellpadding="">
<tbody>
<tr height="40px">
<td rowspan="4" align="center">总体信息</td >
<td colspan="2"></td>
</tr>
<tr height="40px">
<td align="center">用户名</td>
<td><input type="text" name="" id="" value="" /></td> </tr>
<tr height="40px">
<td align="center">密码</td>
<td><input type="password" name="" id="" value="" />
</td>
</tr>
<tr height="40px">
<td colspan="2"><input type="submit" name="" id="" value="提交" />
<input type="button" name="" id="" value="重置" />
</td>
</tr>
</tbody>
</table>
</form>
</body>
</html>

  1. form必须有action属性,表示提交的地址
  2. 所有需要提交的数据,input必须有name属性
  3. input按钮的文字,使用value属性表示
  4. input必须放在form标签内才能提交
  5. type的类型
    • text:文本输入框
    • password:密码输入框
    • radio:单选框
    • checkbox:复选框
    • button:普通按钮
    • reset:重置按钮
    • file:文件选择框
  6. get请求和post请求的区别
    • get通常表示获取数据
    • post通常表示提交数据
    • get发送的数据都写在地址栏上,用户可见
    • post发送的数据用户不可见
    • get请求不能提交大量数据,但post可以,因此不要混用
  • form必须有action属性,表示提交的地址
  • 所有需要提交的数据,input必须有name属性
  • input按钮的文字,使用value属性表示
  • input必须放在form标签内才能提交
  • type的类型
    • text:文本输入框
    • password:密码输入框
    • radio:单选框
    • checkbox:复选框
    • button:普通按钮
    • reset:重置按钮
    • file:文件选择框
    • text:文本输入框
    • password:密码输入框
    • radio:单选框
    • checkbox:复选框
    • button:普通按钮
    • reset:重置按钮
    • file:文件选择框
  • text:文本输入框
  • password:密码输入框
  • radio:单选框
  • checkbox:复选框
  • button:普通按钮
  • reset:重置按钮
  • file:文件选择框
  • get请求和post请求的区别
    • get通常表示获取数据
    • post通常表示提交数据
    • get发送的数据都写在地址栏上,用户可见
    • post发送的数据用户不可见
    • get请求不能提交大量数据,但post可以,因此不要混用
    • get通常表示获取数据
    • post通常表示提交数据
    • get发送的数据都写在地址栏上,用户可见
    • post发送的数据用户不可见
    • get请求不能提交大量数据,但post可以,因此不要混用
  • get通常表示获取数据
  • post通常表示提交数据
  • get发送的数据都写在地址栏上,用户可见
  • post发送的数据用户不可见
  • get请求不能提交大量数据,但post可以,因此不要混用
  • » 本文来自:前端开发者 » 《初识HTML_表单_蓝瞳_前端开发者》
    » 本文链接地址:https://www.rokub.com/73841.html
    » 您也可以订阅本站:https://www.rokub.com
    赞(0)
    64K

    评论 抢沙发

    评论前必须登录!