input输入框

阅读量: 151 编辑

input输入框

一、语法介绍

  • 标签 <input> ,主要用于页面数据的填写,然后将数据提交到服务器端。比如我们最长使用的 用户名、密码 ,就是 input 输入框完成的

  • 主要写在 form 标签中,通过 form 提交将数据提交到后台

  • 属性 name:我们提交数据的时候,后台根据 name 来取前端传过去的数据

  • 属性 value:就是用户填写的数据

  • 属性 type 类型包括 :text(文本输入)、password(密码输入)、file(选择文件)、chekbox(复选框)、radio(单选框)

<form>
	<input type="text" name="username" value="qicong" />
</form>

二、代码实战

代码的详细解读,可以参考视频教程

文件:12.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Input输入框</title>
    </head>
    <body>

        <form method="post" action="http://localhost:8080/xxx.do" enctype="multipart/form-data">
            <ul>
                <li><input name="myname" value="zhangsan"></li>
                <li><input name="myPassword" type="password"></li>
                <li><input name="myfile" type="file"> </li>
            </ul>

            <button type="submit">提交</button>
        </form>

    </body>
</html>