网页编程.笔记5：表单元素

最新推荐文章于 2024-02-27 09:25:40 发布

纷舞-年华

最新推荐文章于 2024-02-27 09:25:40 发布

阅读量540

点赞数

分类专栏：网页编程html 文章标签： html 编程表单

本文链接：https://blog.csdn.net/u012334850/article/details/30505345

版权

网页编程html 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

表单元素

常见的：输入框，单选框，复选框，文本域，密码框，上传文件。。。

基本结构：

</form>

案例：

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>表单元素</title>
    </head>
    <body>
<form action="y1.php" method="get">
<!--文本框与按钮/-->
  用户名：<input type="text" name="username" /><br><!--text:文本域-->
  密&nbsp;&nbsp;码：<input type="password" name="pass_word" /><br>
<input type="submit" value="提交" /><!---->
<input type="reset" value="重新填写" /><br>
<!--复选框//-->
<input type="checkbox" name="fruit" />苹果1<br><!---->
<input type="checkbox" name="fruit" checked/>苹果2<br><!--默认选中-->
<input type="checkbox" name="fruit" />苹果3<br><!---->
<!--单选框//-->
<input type="radio" name="sex" checked />男<br><!--默认选中-->
<input type="radio" name="sex" />女<br><!---->
<!--下拉列表-->
<select name="address"><!--不做处理默认是北京，就是第一个-->
    <option value="beijing">北京</option>
    <option value="tianjin" selected>天津</option>
    <option value="nanjing">南京</option>
</select><br>
<!--文本域//-->
<textarea cols="10" rows="10">请输入...</textarea><br><!--遇到边框自动换行右边出现滚动条-->
<textarea wrap=off cols="10" rows="10">请输入...</textarea><br>
<!--wrap有off取消自动回车，soft软回车，hard硬回车-->
<!--隐藏域//-->
<input type="hidden" name="data" value="2014/7/29"><!--用户看不到但可以传到y1.php-->
<!--图片版的提交按钮/-->
<input type="image" src="next.png"><br>
<!--文件上传控件/-->
<input type="file" name="myfile" ><br>
</form>
</body>
</html>