美文网首页
表单用法

表单用法

作者: 诺夏_ | 来源:发表于2017-04-18 21:34 被阅读0次

    一、<form>

    表示一个文档中表单的区域,常用属性:

    action 指定处理这个表单数据的程序所在的URL
    method 指定使用何种方式提交表单数据
    例子:

    <form action='/getInfo' method='post'>
        ...
        ...
        ...
    </form>
    

    二、<label>、<input>

    <label>用于关联一个控件,常与<input>一起使用。

    <input>用于创建基于表单的可交互控件,常用属性:

    type 控件类型的显示,默认类型为text
    name 控件的名称,与表单数据一起提交。
    value 控件输入或选择的内容。

    例子:

    <input type='text'>

    <label for='username'>用户名</label>
    <input type='text' id='username' name='username'>
    

    <input type='password'>

    <label for='password'密码</label>
    <input type='text' id='password' name='password'>
    

    <input type='radio'>单选框

    <input type='radio' name='sex' value='male'>男
    <input type='radio' name='sex' value='female'>女
    

    <input type='checkbox'>多选框

    <input type='checkbox' name='hobby' value='reading'>阅读
    <input type='checkbox' name='hobby' value='writing'>写作
    

    <input type='submit'>

    <input type='submit' value='submit'>提交按钮
    

    <input type='file'>

    <input type='file' name='picture' accept='image/gif'>
    

    三、<select>、<option>

    <select>是一种表单控件,可创建选项菜单,菜单选项以<option>表示。

    例子:

    <select name='country'>
    <option value='japan'>日本</option>
    <option value='china' selected>中国</option> 
    <option value='america'>美国</option>
    </select>
    

    四、<textarea>

    <textarea>提供一个可输入多行字段的文本域

    例子:

    <textarea name='textarea' rows='10' cols='50'>此处可以预先输入文本</textarea>
    

    相关文章

      网友评论

          本文标题:表单用法

          本文链接:https://www.haomeiwen.com/subject/myvqzttx.html