15、表单使用与AngularJS表单构建全解析

表单使用与AngularJS表单构建全解析

1. 表单基本元素

1.1 按钮的 value 和 name 属性

按钮上显示的文本由 value 属性决定， name 属性可作为引用，在表单提交后，可用于JavaScript代码或服务器端处理逻辑（如PHP脚本）。此属性适用于所有表单元素，作用相同。

1.2 文本输入框（ text ）

这是最常用的输入类型，创建一个单行文本框供用户输入文本。示例代码如下：

<input placeholder="First Name" type="text" name="first-name" size="20"/>

这里使用了 placeholder 属性给出字段预期值的提示，该属性可有效利用屏幕空间，替代标签。 size 属性规定字段宽度，但通常建议使用CSS来精确控制，示例如下：

<input placeholder="First Name" type="text" name="first-name" style="width: 220px;"/>

不过， placeholder 属性可能会导致可访问性问题，使用