input表单如何制作多行文本输入框?一篇文章教你学会使用input标签


当前第2页 返回上一页

tusi.png

这图把上面的东西都选上了,多选框是都能选上,当然还可以设置默认选择一个的,只需要加checked=“checked”这个属性,在哪个多选框内添加都能在网页中一刷新就能显示出来,这就是默认选中的效果。

五、说了这么多,接下来就说说最后的提交按钮和重置按钮吧:

这两个都是非常重要的按钮,重置按钮能把你网页上选中或者填写的东西一键恢复原样。提交是把你所有填写和选中的都提交给后台。下面来看代码:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<form action="url地址" method=“get/post” name="表单名称">

<p>这是文本框</p>

用户名:<input type="text" name="username"></br>

密&nbsp;&nbsp;&nbsp;码:<input type="password" name="password">

<p>单选框</p>

单选:<input type="radio" name="sex" value="nan">男

      <input type="radio" name="sex" value="nv">女

<p>多选框</p>

多选:<input type="checkbox" name="n">吃饭

      <input type="checkbox" name="n">睡觉

      <input type="checkbox" name="n">打豆豆

      <input type="checkbox" name="n">喝水

<p>重置按钮</p>

重置:<input type="reset" name="">

<p>提交按钮</p>

提交:<input type="submit" name="">

由于没有后台,所以就没填写后台地址了。不过不影响效果

tuwu.png

这就是一个页面的填写注册的大部分窗口了吧,都很简单,上面的好多都是以固定的形式出现的,还有个别的属性在以后也会慢慢了解到。(想看更多,欢迎来到www.php.cnPHP中文网)

这篇文章到这就结束了,上述代码只有多练习才能生巧,有问题的可以在下方提问

【小编推荐】

HTML中插入文本ins标签和删除文本del标签如何一起使用?(附实例)

HTML中的form标签有什么作用?HTML form标签的用法解释

以上就是input表单如何制作多行文本输入框?一篇文章教你学会使用input标签的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

html如何更改字体颜色

怎么下载html页面

css中文字相关属性的介绍

html <audio> 标签

html的<sup>标签有什么用

html中b标签与strong标签有什么区别?b标签与strong标签的简单比较

html如何设置字体文字的倾斜效果?(代码详解)

html如何设置尺寸大小

html换行代码怎么写

html hr是什么意思

更多相关阅读请进入《input》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...