HTML 表单 - 输入元素-来自于三人行慕课

2019-06-23  本文已影响0人  三人行慕课

原文链接:https://www.3mooc.com/front/articleinfo/145

form 表单有什么作用?有哪些常用的 input 标签,分别有什么作用?

<form>标签是 HTML 的原生标签,主要用来向服务器传输数据,一个 form 表单如下:

1. 文本域

<form>

    <input type="text" name="3mooc" value="三人行慕课" />

</form>

2. 密码字段

<form>

    密码:<input type="password" name="pwd" />

</form>

3. 单选按钮

<form>

    <input type="radio" name="sex" />男

    <input type="radio" name="sex" />女

</form>

4. 复选框

<form>

    <input type="checkbox" name="" />香蕉

    <input type="checkbox" name="" />苹果

</form>

5. 提交按钮

<form name="input" action="html_form_action.php" method="get">

    userName: <input type="text" name="user" />

    userPwd : <input type="password" name="pwd" />

    <input type="submit" value="登录"/>

</form>

上一篇下一篇

猜你喜欢

热点阅读