目录
2.想:记录笔记,下次不用看视频,直接看笔记就可以快速回忆。
1.向服务器发送数据的:输入账号、密码的表格就是表单:当输入时候就会将消息发送给服务器端
四.操作:2:成功:课时 31 : 302-文本和密码输入框
四.操作:3:成功:课时 32 : 303-文本输入控件的一些属性
一.目的
1.想:学习前端知识
2.想:记录笔记,下次不用看视频,直接看笔记就可以快速回忆。
二.参考
1.我自己代码的GitHub网址
GitHub - xzy506670541/WebTest: SIKI学院的Web前端
1.SIKI学院:我参考此视频实操
- 我参考此视频实操
1.w3school官网:当做字典使用
1.菜鸟教程:当做字典使用
三.注意
四.操作:1:成功:课时 30 : 301-什么是表单?
1.向服务器发送数据的:输入账号、密码的表格就是表单:当输入时候就会将消息发送给服务器端
四.操作:2:成功:课时 31 : 302-文本和密码输入框
1.运行结果:成功:账号、密码表单
<!DOCTYPE html>
<html>
<head>
<title>我是标题</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<!-- utf-8 gbk gb2012 -->
</head>
<body>
<!-- <table> 标签定义 HTML 表格。简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。 -->
<!--<form> 标签用于为用户输入创建 HTML 表单。表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。表单用于向服务器传输数据。 -->
<!-- <input> 标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。 -->
<form>
<table>
<tr>
<td>账号</td><td><input type="text"/></td>
</tr>
<tr>
<td>密码</td><td><input type="password"/></td>
</tr>
</table>
</form>
</body>
</html>
四.操作:3:成功:课时 32 : 303-文本输入控件的一些属性
1.运行结果:成功
- <table> 标签定义 HTML 表格。简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。
- <form> 标签用于为用户输入创建 HTML 表单。表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。表单用于向服务器传输数据。
- <input> 标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
- type="text":类型为文本
name="username":发给服务端时候,让服务端知道文本的名字是什么;
value="xzy":此文本默认值
maxlength="7":文本内容最长7个数量,中文也是不能超过7个。
placeholder="请输入你的用户名",和value="xzy"会冲突,俩个只能用一个,默认使用value
<!DOCTYPE html>
<html>
<head>
<title>我是标题</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<!-- utf-8 gbk gb2012 -->
</head>
<body>
<!-- <table> 标签定义 HTML 表格。简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。 -->
<!--<form> 标签用于为用户输入创建 HTML 表单。表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。表单用于向服务器传输数据。 -->
<!-- <input> 标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
type="text":类型为文本
name="username":发给服务端时候,让服务端知道文本的名字是什么;
value="xzy":此文本默认值
maxlength="7":文本内容最长7个数量,中文也是不能超过7个。
placeholder="请输入你的用户名",和value="xzy"会冲突,俩个只能用一个,默认使用value
-->
<form>
<table>
<tr>
<!-- <td>账号</td><td><input type="text" name="username" value="xzy" maxlength="7" placeholder="请输入你的用户名"/></td> -->
<td>账号</td><td><input type="text" name="username"maxlength="7" placeholder="请输入你的用户名"/></td>
</tr>
<tr>
<!-- <td>密码</td><td><input type="password" value="123" /></td> -->
<td>密码</td><td><input type="password" placeholder="请输入你的密码" /></td>
</tr>
</table>
</form>
</body>
</html>