<form method="post" action="http://titan:8080/form">
　　<p><label for="name">Name: <input value="Adam" disabled/></label></p>
　　<p><label for="city">City: <input value="Boston" readonly/></label></p>
　　<p><label for="fave">Fruit: <input value="Apple"/></label></p>
　　<button type="submit">Submit Vote</button>
</form>

注：设置了disabled属性的表单被设置为灰色，用户不能编辑其中的文字，且该表单的内容不会被提交到服务器；而设置了readonly属性的表单会阻止用户编辑文本框中的内容，但不影响外观，且内容会发给服务器。

在chrome中的效果如下：

type属性值为password的input元素用于输入密码。该属性的input元素支持以下属性：
1）maxlength：用户可以在密码框中输入的字符的最大数目；
2）pattern：用于输入验证的正则表达式；
3）placeholder：关于所需数据类型的提示；
4）readonly：设置密码框为只读；
5）required：用户必须输入一个值，否则无法通过输入验证；
6）size：通过指定密码框中可见的字符数目设置其宽度；
7）value：设置初始密码值。

<form method="post" action="http://titan:8080/form">
<p><label for="password">Password: <input type="password" placeholder="Min 6 characters"/></label></p>
<button type="submit">Submit Vote</button>
</form>

注：用户输入的字符在密码框中显示为"*"，但需要注意，在提交表单时，服务器收到的是明文密码，对于安全至关重要的网站和应用系统，应该考虑使用SSL/HTTPS对浏览器和服务器之间的通信内容加密。

在chrome中的效果如下：

type属性设置为

1）submit：表示按钮的用途是提交表单（默认）；
2）reset：表示按钮的用途是重设表单；
3）button：表示按钮没有具体语义。

1）submit：生成提交表单的按钮，支持属性：formaction、formenctype、formmethod、formtarget和formnovalidate，这些属性和button元素的同名属性用法相同，参考；
2）reset：生成重设表单的按钮；
3）button：生成普通按钮，无任何操作。
3中按钮的说明文字都通过value属性指定。

有三种类型的button，通过button的type属性设定：

将button的type属性设置为submit（默认行为），按下按钮就会提交包含它的表单，采用这种方式时，还可以设置一下的一些属性：
1）form：指定按钮关联的表单；
2）formaction：覆盖form元素的action属性，另行指定表单将要提交到的URL；
3）formenctype：覆盖form元素的enctype属性，另行指定表单的编码方式；
4）formmethod：覆盖form元素的method属性；
5）formtarget：覆盖form元素的target属性；
6）formnovalidate：覆盖form元素的novalidate属性，表明是否应执行客户端数据有效性检查。
这些属性是HTML5中新增的，主要是用来覆盖或补充form元素上的设置。

<form method="post" action="http://titan:8080/form">
　　<p><label for="name">Name: <input value="Adam" disabled/></label></p>
　　<p><label for="password">Password: <input type="password" placeholder="Min 6 characters"/></label></p>
　　<p><label for="fave">Fruit: <input value="Apples"/></label></p>
　　<input type="submit" value="Submit Vote"/>
　　<input type="reset" value="Reset"/>
　　<input type="button" value="My Button"/>
</form>

注：用input元素生成按钮与用button元素的不同之处在于后者可以用来显示含标记的文字。但由于各个浏览器对input元素的处理方式比较一致，且有些较老的浏览器（例如IE6）不能正确处理button元素，所以很多网站都更倾向于用input元素

type属性为number的input元素只接受数值。支持的属性包括：
1）list：指定为文本框提供建议值的datalist元素，其值为datalist元素的id值；
2）min：设置最小值；
3）max：设置最大值；
4）readonly：只读；
5）required：表明用户必须输入一个值；
6）step：上下调节数值的步长；
7）value：指定元素的初始值。