25、表单创建与使用全解析

表单创建与使用全解析

1. 表单增强工具介绍

在创建表单时，虽然不一定要使用 jQuery 库或 Bootstrap 框架，但它们能让表单比普通 HTML 表单更美观。

1.1 jQuery 库

jQuery 库是从 JavaScript 与 DOM 交互的事实上的标准。它使用接近 CSS 的选择器语法，能方便地访问元素。

1.2 Bootstrap 框架

Bootstrap 框架具有响应式特性，能让内容在移动设备和笔记本/桌面设备上有相似的外观和感觉。由于越来越多的网络请求来自移动设备，强烈建议创建响应式内容，以适应不同设备。实际上，许多搜索引擎会在搜索结果中对不支持移动设备的内容进行惩罚。

收集到用户数据后，脚本会使用 mysqli 扩展将值插入数据库，这里采用面向对象的风格。在数据库查询中使用字符串值之前，会对其进行转义处理，并且将 cnt 值转换为整数，以避免值缺失或包含字符串值时出现错误。

2. 设置表单默认值

2.1 问题提出

之前示例中的表单在首次加载时都是空的。为表单添加默认内容有两个常见用例：一是用常见值填充表单或选择下拉列表中最常见的值等；二是允许用户编辑之前提交并保存在服务器上的记录。

2.2 解决方案

设置输入标签的默认值取决于输入类型：
- 文本输入 ：使用 value 属性设置值。

<input type="text" name="name" v