HTML表单的输入控件

Dear 丶 2021-07-26 20:59 459阅读 0赞

HTML表单的输入控件主要有以下几种：

文本框，对应的 `<input type="text">`，用于输入文本；

口令框，对应的`<input type="password">`，用于输入口令；

单选框，对应的`<input type="radio">`，用于选择一项；

复选框，对应的`<input type="checkbox">`，用于选择多项；

下拉框，对应的`<select>`，用于选择一项；

隐藏文本，对应的`<input type="hidden">`，用户不可见，但表单提交时会把隐藏文本发送到服务器。

<input type="text" />文本输入框<br />
    <input type="submit" value="提交按bai钮du" /><br />
    <input type="reset" value="重置按钮" /><br />
    <input type="radio" />单选按钮<br />
    <input type="password" />密码输入框<br />
    <input type="image" />图像zhi<br />
    <input type="hidden" />隐藏域<br />
    <input type="file" />文件提交<br />
    <input type="checkbox" />复选框<br />
    <input type="button" />普通按钮<br />
    <select>
    <option>选择列表</option>
    <optgroup><option>下拉子菜单</option></optgroup>
    </select>
    <textarea>文本区域</textarea>
    <label>标签</label>
    <fieldset>分组</fieldset>
    <legend>描述元素，必填信息</legend>

<form>    定义供用户输入的表单    
    
    <input>    定义输入域    
    
    <textarea>    定义文本域 (一个多行的输入控件)    
    
    <label>    定义了 <input> 元素的标签，一般为输入标题    
    
    <fieldset>    定义了一组相关的表单元素，并使用外框包含起来    
    
    <legend>    定义了 <fieldset> 元素的标题    
    
    <select>    定义了下拉选项列表    
    
    <optgroup>    定义选项组    
    
    <option>    定义下拉列表中的选项    
    
    <button>    定义一个点击按钮    
    
    <datalist>   指定一个预先定义的输入控件选项列表    
    
    <keygen>   定义了表单的密钥对生成器字段    
    
    <output>    定义一个计算结果