表单的用法以及相关元素

元素<form>
相关属性包括

  • <form action="action_page.php">
    action 属性是要传递到的服务器地址,不填写默认传递当前页面
  • <form method="GET">
    method属性是规定传递数据的方式,有post与get两种
    简单来说,get用于提交简单内容,大小受限,且安全性不好。
    post无大小限制,安全性好,适用于较大数据文件的提交。
其他属性

元素<input>

  • <input type="text"> 文本属性
  • <input type="password">密码属性
  • <input type="submit" value="submit"> 提交属性
  • <input type="radio"> 单选属性
  • <input type="checkbox"> 定义复选框。
  • <input type="button> 定义按钮
  • <input type="date"> 定义用于应该包含日期的输入字段(data、week、month、time、datetime、local-datetime;
  • <input type="number">用于应该包含数字值的输入字段。


    QQ截图20160820210751.png

    元素select 下拉列表
    <select name="cars">
    <option value="volvo">V'olvo</option>
    <option value="fiat" selected>Fiat</option>
    </select>
    通过添加selected属相,选择预选项

元素<textarea>文本域
<textarea name="message" rows="10" cols="30">
The cat was playing in the garden.
</textarea>

元素<button>
<button type="button" onclick="alert('Hello World!')">Click Me!</button>

文本域

元素<fieldset><legend>
<fieldset>
<legend>Personal information:</legend>

QQ截图20160820140755.png
输入限制

更多资料

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容