码迷,mamicode.com
首页 > Web开发 > 详细

html_inpute标签

时间:2019-01-13 18:09:23      阅读:740      评论:0      收藏:0      [点我收藏+]

标签:inpu   put   style   charset   art   BMI   属性   reset   一个   

下面分3段示例说明inpute标签里面相关标签的细节使用方法

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <form action="url" method="get">  <!--form内的内容才能提交,action表示提交的目的地址;method有get和post默认是get。get是将form里面的数据添加到url里面进行提交;
    post是将提交的数据放在内容里面提交。默认只能提交inpute里面的值,其它标签的内容提交不了-->
        <input type="text" name="username" value="xxx">  <!-- 普通文本输入框(单行),type=“password”密文显示,value可以填写输入框的默认值-->
        <input type="password" name="pwd"> <!--为数据提交到后台,后台能够取到对应数据,需要使用name与对应数据关联,移交到后台的一个字典,name的value是字段对应的key-->
        <input type="button" value="登录button">  <!--登录按钮,与登录框联合使用,其实button是无法提交的,无论是否在form标签内-->
        <input type="submit" value="登录submit">  <!--登录按钮,与登录框联合使用,单独没办法提交,必须放在form标签内才能提交-->
    </form>
</body>
</html>

 

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<!--互斥标签选项 -->
<form enctype="multipart/form-data">
    <div> <!--将多个互斥选项放到一行 -->
        <div>性别</div>
        <span>男:</span> <input type="radio" name="gender" value="1"> <!--type=radio是小圆点选项,将需要互斥的选项name写成一样即可实现在页面互斥选项的结果 -->
        <span>女:</span> <input type="radio" name="gender" value="2">  <!--后台通过value来识别选的哪一个,get方法里面gender=1/2/3-->
        <span>未知:</span> <input type="radio" name="gender" value="3">
    </div>
    <p>
        <div>爱好</div>
        篮球:<input type="checkbox" name="hobby" value="1"> <!--type checkbox实现复选框,name用来区分不同的复选框,value识别同一复选框内各个选项-->
        足球:<input type="checkbox" name="hobby" value="2" checked="checked"> <!--checked使选项默认被选中-->
        乒乓球:<input type="checkbox" name="hobby" value="3">
    </p>
    <p>
        <div>技能</div>
        云计算:<input type="checkbox" name="skill" value="1">
        数通:<input type="checkbox" name="skill" value="1">
    </p>

    <p>上传文件</p>
    <input type="file" name="fname" value="选择文件">  <!--上传文件,依赖于form表单的enctype属性-->

    <input type="reset" value="重置">
</form>

</body>
</html>

 

html_inpute标签

标签:inpu   put   style   charset   art   BMI   属性   reset   一个   

原文地址:https://www.cnblogs.com/flags-blog/p/10263327.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!