html的body内标签之多行文本及下来框

一,<textarea>默认值<textarea>  -name属性

<select> name,内部option value,提交到后台,size, multiple

二. textarea 多行文本输入

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div>
    <textarea></textarea>
    </div>
</body>
</html>

运行结果:

三.默认值放到中间

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div>
    <textarea name="meno">默认值</textarea>
    </div>
</body>
</html>

运行结果:

四. select下拉框

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div>
        <select>
            <option>北京</option>
            <option>上海</option>
            <option>广州</option>
        </select>
    </div>
</body>
</html>

运行结果:

五,提交表单,selected="selected" 默认值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <form>
        <div>
            <select name="city">
                <option value="1">北京</option>
                <option value="2">上海</option>
                <option value="3">广州</option>
            </select>
        </div>
        <input type="submit" value="提交"/>
    </form>

</body>
</html>

运行结果:

六,multiple="multiple" 多选

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <form>
        <div>
            <select name="city" size="10" multiple="multiple">
                <option value="1">北京 </option>
                <option value="2">上海</option>
                <option value="3">广州</option>
            </select>
        </div>
        <input type="submit" value="提交"/>
    </form>

</body>
</html>

运行结果:按住Ctrl,可以多选

七,

时间: 2024-10-10 00:23:46

html的body内标签之多行文本及下来框的相关文章

5、html的body内标签之多行文本及下拉框

一.多行文本 <textarea name="">默认值</textarea> 二.下拉框 1.单选 <select name="city"> <option value="1">北京</option> <option value="2" selected="selected">上海</option> <option

CSS中的行内标签变成块级标签

大家都知道,CSS中的行内标签(span,i,b等等),是不能设置宽高或者margin-top;margin-bottom;但是在设置了display为block或者inline-block的情况下是可以设置的,这就是常见的行内元素转化为块级元素: 今天给大家分享的是自己在案例中看到的小技巧.给行内标签添加position:absolute或者float中的设置,行内元素是会被默认转成块级元素!!!

jQuery获取动态产生的html内标签或元素

下午分享<MVC编辑状态两个DropDownList联动>http://www.cnblogs.com/insus/p/3426563.html 不久,马上有网友问及三级联动的例子.Insus.NET回复他,会做二级联动,三级应该不难.原理与方法是一样的. 写此篇的目的,还是处理jQuery怎样获取动态产生后的html的标签或是元素.还是先回过头去看篇头指定的链接的文章.一开始时,Insus.NET使用了jQuery的ajax产生了一数据行,并append至 <tbody id=&quo

行内标签 和 块级标签

块级标签 div    ………………块级标签 h1~h6   ………………标题 ul (内含多个li) ol (内含多个li) dl (内含一个dt    多个dd)………………列表 table(内含tr  th  td)……………………表格 p…………………………………………段落 br…………………………………………换行 form……………………………………表单 行级标签 span a……………………超链接 img……………………图片 var……………………变量,显示斜体 strong…………

css基础 display:block 行内标签转为块级标签

礼悟:    公恒学思合行悟,尊师重道存感恩.叶见寻根三返一,江河湖海同一体.          虚怀若谷良心主,愿行无悔给最苦.读书锻炼养身心,诚劝且行且珍惜.              ide:visual studio 2017             browser:Chrome                     os:win7 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8&qu

css基础 display:inline 块级标签-&gt;行内标签 简单示例

礼悟:    公恒学思合行悟,尊师重道存感恩.叶见寻根三返一,江河湖海同一体.          虚怀若谷良心主,愿行无悔给最苦.读书锻炼养身心,诚劝且行且珍惜.              ide:visual studio 2017             browser:Chrome                     os:win7 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8&qu

行内标签与块级标签的转换

display : inline-block  块级标签转换为行内标签 display : block  行内标签转换为块级标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div style="dis

img/input等部分标签是行内标签,为什么也可以设置宽和高

常见标签分类在平常的学习中,我们应该都知道 html 标签可以分为块级标签和行内标签常见的块级标签有:ul.ol.li.form.h1-h6.hr.p.table.div 等常见的行内标签有:a.button.br.img.input.label.select.span 等但细心的同学就会发现,尽管 img 是行内标签,但是我们仍然可以给其设置宽和高,这里就涉及到另一个概念 另一种分类:可替换标签和不可替换标签可替换标签:标签的具体显示内容要根据其属性来决定的标签就是可替换标签,如 img.in

html块标签与行内标签(超有用)

转自:http://blog.csdn.net/yuyanqiao/article/details/8558118 块元素一般都从新行开始,它可以容纳内联元素和其他块元素,常见块元素是段落标签'P".“form"这个块元素比较特殊,它只能用来容纳其他块元素. 如果没有css的作用,块元素会顺序以每次另起一行的方式一直往下排.而有了css以后,我们可以改变这种html的默认布局模式,把块元素摆放到你想要 的位置上去.而不是每次都愚蠢的另起一行.需要指出的是,table标签也是块元素的一种