一.表单
1.表单简介
是网站与用户进行交互的时候非常重要的一步。
-
注册表单
注册表单
-
登录表单
登录表单
2.表单的基本使用
<form> 标签用于为用户输入创建 HTML 表单。
表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。
表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。
表单用于向服务器传输数据。
使用
-
属性说明：
action:规定当提交表单时向何处发送表单数据。这个属性的值是一个URL地址.
method：规定用于发送 form-data 的 HTTP 方法。可选值为get或post。默认值为get.
enctype:规定在发送表单数据之前如何对其进行编码。(设置定表单数据在发送到服务器之间应该如何编码)
代码示例：
代码示例
结果显示
随便输入一组用户和密码
找不到此页面
-
当method值设置为get时的传输原理：
URL地址
关系图
将method的值设为get时：表单的数据通过URL地址的方式发送给后台
二.文本输入框
- 1.<textarea>
<textarea> 标签定义多行的文本输入控件。
文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。
可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和 width 属性。
注释：在文本输入区内的文本行间，用 "%OD%OA" （回车/换行）进行分隔。 - 2.<input>标签的type属性值可以设置为以下值：
text,password(密码输入框),date（日期输入框),number（数字输入框）,color,email,range,search,url（url地址输入框）
<input> 标签用于搜集用户信息。
根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
1.单行文本框
单行文本框
代码示例
结果如下
代码如下
结果如下
2.多行文本框
多行文本框
代码如下
结果如下
3.密码框
密码框
4.HTML5新增文本输入类型
https://www.w3school.com.cn/html5/html_5_form_input_types.asp
在这个网址对于新增文本输入类型有着详细介绍~
示例代码
结果如下
示例代码
结果如下
结果如下
（此文章仅作为个人学习笔记使用，如有错误欢迎指正~）
网友评论