html, php , js 想用验证一个表单，当输入长度超过限制以后，自动提醒长度超过限制。 或

input 有个 maxlength属性 可以指定文本框的最大长度。

如果用户是会玩的，想用F12篡改页面元素 输入更多字符（这种渗透行为了算是） 直接在表单提交给的php脚本程序页面中 直接 删除掉多余的字符就行了

你要是非要矫情 的话 建议用jQuery 验证

非常简单

<input id="username" type="text" maxlength=12 / >

同时在页面的script部分加入

<script type="text/javascript">

$(document).ready(function(){

   $("input#username").keyup(function(){

     if ($("input#username").val().length >= 12){

     alert('最多只能输入12个字符')///这里你换成其他更友善的提示调用函数什么的都行

    } 

 })

})

</script>

嗯 别忘了 引用jq库

通俗的讲 form标签是用来进行表单提交用的

form标签里面的常见属性如下

action: 表单提交的地址, 肯定是要提交给某个服务器的,action的地址就是要提交的服务器的地址

method:以何种方式提交,常见的为get和post. 区别在于一个是明文(在url中显示),一个是暗文

form标签是和服务器交互用的, 以用户注册为例

用户在浏览器中的注册页面添加信息后,点击提交,此时是将这些信息提交至某个服务器

服务器根据提交的信息将注册信息保存. 这个过程就需要使用form标签了

form中action属性应该是服务器注册模块的地址

form标签下应该有input,textarea,select等表单标签以及<input type=" submit"标签

当点击submit按钮时,浏览器会自动将表单信息封装提交至action中的地址

所谓的提交就是访问action中地址并携带着form表单中input,textarea,select的信息

HTML5中，新标准把文本框提示信息、表单校验、日期选择控件、颜色选择控件、范围控件、进度条、标签跨表单等功能直接加入新的表单标签中。 但在众多现代浏览器中，最新版本的Opera浏览器对新型表单的支持才最为完美。

name: 标识表单提交时的key值 min: 标识当前输入框输入的最小值 max: 标识当前输入框输入的最大值 step: 标识点击增大/减小的时候，增加/减小的步长

当表单在提交前，此文本框会自动校验是否符合邮箱的正则表达式。

此类型标签的加入，输入范围内的数据变得非常简单容易，而且非常标准，用户输入可感知体验非常好。另外此标签可以跟表单新增加的output标签一块使用，达到一个联动的效果。

相关的日期属性还包括：month、time、week、datetime-local、datetime。

novalidate ：属性规定在提交表单时不应该验证form或input域。

autocomplete ：属性规定form或input域应该拥有自动完成功能。

---