1.1-HTML表单

一、input 元素

1）文本输入框 （type="text"）

用户名：<input type="text" id="username" name="username" />

注意：①、设置name属性通常用来将文本的数据提交给后台程序，或者是后台程序将数据回显到表格中

           ②、设置id属性 通常与<label></label>标签一起使用，当鼠标点击文字时，光标自动聚焦到文本输入框中，例如：

<label for="username">用户名：</label><input type="text" id="username" name="username" /> <br />

           ③、id属性还可能应用在js中（用于设置或者获取文本框中的值）或者用于css样式选择器

           ④、name属性值通常与id属性值一致（可以不一致），一致的原因纯粹是为了编码方便

⑤、将文本框设置为只读，添加 readonly 属性

<label for="age">年龄：</label><input type="text" id="age" name="age" value="25" readonly /> <br />

⑥、文本输入框的提示信息，添加 placeholder 属性

<label for="phone">联系方式：</label><input type="text" id="phone" name="phone" placeholder="填写时需要加上区号" /> <br />

2）密码框 （type="password"）

<label for="pwd">密码：</label><input type="password" i