Question

我正在写一份注册表格。在搜索时我找到了以下

的示例表单

                      <input type="text"
                   id="phone_input"
           placeholder="Please Include Country Code"
           name="account[contact_phone]"
           tabindex="0"
           autocomplete="off"
           data-error-field="phone"/>

将此输入框命名为帐户[contact_phone]有什么用，有些输入框具有相同的命名约定，如account [email] account [fax]等。这个阵列命名有什么用？

data-error-field属性是什么意思？

Answer 1

你的php $_REQUEST数组将被填充为：

array('account' =>
  array(
    'contact_phone' => 'somevalue'
  )
);

与account[contact_phone]类似的字段

data-*是特殊属性，您可以从js：

访问它

document.querySelector('input').dataset['error-field'];

Answer 2

如果您使用帐户[contact_phone]等，您可以将值作为数组发送到PHP。它有点干净，但不会改变其他任何东西。

数据错误字段是一个特殊属性，例如， Bootstrap，如果出现拼写错误，则突出显示该字段。如果您在电话字段中输入电子邮件，则字段将为点亮“phone”data-error-field的CSS设置。

新的html输入属性用法

2 个答案: