导航:首页 > 万维百科 > 网页设计表单查找输入文本框

网页设计表单查找输入文本框

发布时间:2021-01-02 02:21:22

1、怎样在网页制作中插入文本框

表单中使用最多的对象就是文本框,比如在注册用户的表单中,注册用户名,姓名,密码,电子邮箱和自我简介等,这些都需要用到文本框.
文本框能够保存任何数量的字母字符,可以设定文本框的类型是单行,多行和密码.
插入步骤:
在插入文本框等表单对象之前,通常应该先插入表单,接着按鼠标指针定位于表单内,然后再在这个表单中插入文本框,如果之前没有插入表单就直接插入文本框等表单对象,默认情况下会弹出提示框,要求你添加表单.
此时只需要填写好参数就会自动给你生成一个表单.

2、网页表单的制作详细点

HTML表单(Form)是HTML的一个重要部分,主要用于采集和提交用户输入的信息。

举个简单的例子,一个让用户输入姓名的HTML表单(Form)。示例代码如下:

<form action="http://www.blabla.cn/asdocs/html_tutorials/yourname.asp" method="get">

请输入你的姓名:

<input type="text" name="yourname">

<input type="submit" value="提交">

</form>

学习HTML表单(Form)最关键要掌握的有三个要点:

表单控件(Form Controls)
Action
Method
先说表单控件(Form Controls),通过HTML表单的各种控件,用户可以输入文字信息,或者从选项中选择,以及做提交的操作。比如上面的例句里,input type= "text"就是一个表单控件,表示一个单行输入框。

用户填入表单的信息总是需要程序来进行处理,表单里的action就指明了处理表单信息的文件。比如上面例句里的http://www.blabla.cn/asdocs/html_tutorials/yourname.asp。

至于method,表示了发送表单信息的方式。method有两个值:get和post。get的方式是将表单控件的name/value信息经过编码之后,通过URL发送(你可以在地址栏里看到)。而post则将表单的内容通过http发送,你在地址栏看不到表单的提交信息。那什么时候用get,什么时候用post呢?一般是这样来判断的,如果只是为取得和显示数据,用get;一旦涉及数据的保存和更新,那么建议用post。

HTML表单(Form)常用控件(Controls)
HTML表单(Form)常用控件有:

input type="text" 单行文本输入框
input type="submit" 将表单(Form)里的信息提交给表单里action所指向的文件
input type="checkbox" 复选框
input type="radio" 单选框
select 下拉框
textArea 多行文本输入框
input type="password" 密码输入框(输入的文字用*表示)
表单控件(Form Control):单行文本输入框(input type="text")
单行文本输入框允许用户输入一些简短的单行信息,比如用户姓名。例句如下:

<input type="text" name="yourname">

演示示例 演示示例 里的信息提交给表单里action所指向的文件。

表单控件(Form Control):复选框(input type="checkbox")
复选框允许用户在一组选项里,选择多个。示例代码:

<input type="checkbox" name="fruit" value ="apple">苹果<br>

<input type="checkbox" name="fruit" value ="orange">桔子<br>

<input type="checkbox" name="fruit" value ="mango">芒果<br>

用checked表示缺省已选的选项。

用checked表示缺省已选的选项。

<input type="checkbox" name="fruit" value ="orange" checked>桔子<br>

表单控件(Form Control):单选框(input type="radio")
使用单选框,让用户在一组选项里只能选择一个。示例代码:

<input type="radio" name="fruit" value = "Apple">苹果<br>

<input type="radio" name="fruit" value = "Orange">桔子<br>

<input type="radio" name="fruit" value = "Mango">芒果<br>

比如密码。因为用户输入的时候?

用checked表示缺省已选的选项。

<input type="radio" name="fruit" value = "Orange" checked>桔子<br>

表单控件(Form Control):下拉框(select)
下拉框(Select)既可以用做单选,也可以用做复选。单选例句如下:

<select name="fruit" >

<option value="apple">苹果

<option value="orange">桔子

<option value="mango">芒果

</select>

如果要变成复选,加muiltiple即可。用户用Ctrl来实现多选。例句:

<select name="fruit" multiple>

用户还可以用size属性来改变下拉框(Select)的大小。

表单控件(Form Control):多行输入框(textarea)
多行输入框(textarea)主要用于输入较长的文本信息。例句如下:

<textarea name="yoursuggest" cols ="50" rows = "3"></textarea>

其中cols表示textarea的宽度,rows表示textarea的高度。

表单控件(Form Control):密码输入框(input type="password")
密码输入框(input type="password")主要用于一些保密信息的输入,比如密码。因为用户输入的时候,显示的不是输入的内容,而是黑点符号。。例句如下:

<input type="password" name="yourpw">

表单控件(Form Control):提交(input type="submit")
通过提交(input type=submit)可以将表单(Form)里的信息提交给表单里action所指向的文件。例句如下:

<input type="submit" value="提交">

表单控件(Form Control):图片提交(input type="image")
ASP 网页获取。

input type=image 相当于 input type=submit,不同的是,input type=image 以一个图片作为表单的提交按钮,其中 src 属性表示图片的路径。

<input type="image" src ="http://www.blabla.cn/images/icons/go.gif"

alt = "提交" NAME="imgsubmit">

3、跪求网页制作大神 请问一个表单有文本框 下拉列表 和文本域的编程模板是什么 求模板

<form action="#">
<input name="type" id="type" value="1" />
<select name="11" id="11" >
<option value="1">18-21</option>
<option value="2">22-25</option>
<option value="3">26-29</option>
<option value="4">30-35</option>
<option value="5">Over35</option>
</select>
<textarea rows="10" cols="30"></textarea>
</form>

4、网页制作如何设置表单中文本域的宽度

size="100" 数字越大就越宽。。
也可以用css控制。。设置她的宽度。。

5、跪求网页制作大神 请问一个表单有文本框 下拉列表 和文本域的模板是什么

<form method="POST" action="--WEBBOT-SELF--">

 <input type="text" name="T1" size="20" value="这个是文本框"><br>

 <select size="1" name="D1">

 <option>这个是下拉列表</option>

 </select><br>

 <textarea rows="2" name="S1" cols="20">这个是文本域</textarea><br>

 <input type="submit" value="提交" name="B1">

</form>

 

以上就是你说的表单代内码

 

下边是代码运行效容果: 网页里只要含有这些,就符合你说的模板了

6、关于网页制作表单》文本框的问题!

<input type="text" name="click" value="点击就选中" onClick="this.focus()" onFocus="this.select()">

7、运用HTML5表单元素制作一个简单的网页,内容包括:用户名输入、密码输入、二次密码确认、邮箱输入、

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
</head>
<body>
用户:<input id="uname" type="text" /><br />
密码:<input id="pwd" type="password"  /><br>
确认密码:<input id="pwd1" type="password"  /><br>
EMAIL:<input id="email" name="email" type="email" /><br>
<input id="load" value="登陆" type="button" onclick="check()" />
<script language="javascript">

window.onload = function ()
{
document.getElementById('uname').focus();

}
function check()
{
var uname=document.getElementById("uname").value;
var pwd=document.getElementById("pwd").value;
var pwd1=document.getElementById("pwd1").value;
var email=document.getElementById("email").value;
if(uname+pwd=="")
{
 alert("用户名和密码不能为空");
}
else if(uname=="")
{
  alert("用户名不能为空");
}
else if(pwd=="")
{
  alert("密码不能为空");
}
else if(pwd1 != pwd)
{
  alert("两次密码不一样");
}
//
if(email=="")
{
    alert("电子邮件不能为空");
    return false;
}
else
{
    reg=/^([a-zA-Z0-9]+[_|-|.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|-|.]?)*[a-zA-Z0-9]+.[a-zA-Z]{2,3}$/gi;
    if(!reg.test(email))
    {
        alert("非法的电子邮件");
        return false;
    }
}
}
</script>
</body>
</html>

8、急!!!!!!网页设计中表单中的文本框怎么调整文本框的长度呢?

<input type="text" name="inputName" size="长度"/>

<input type="text" name="inputName" style="width:长度px">

9、要求:设计一个网页,网页中表单有一个文本框和按钮,在点击按钮提交时,利用JavaScript获取文本框

表单呢,我就没全部写出来了,我帮text文本框和button按钮帮你做出来了,效果也做出来了,你自己看看,有什么不懂的可以问我

<body>
<input type="text" value="" placeholder="请输入邮箱" id="yx">
<br/>
<br/>
<button type="button" id="bt">提交</button>

<script>
var yx=document.getElementById("yx");
var bt=document.getElementById("bt");

bt.onclick=function(){
var reg=/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/gi;
var str=yx.value;
var rel=reg.test(str);
if(rel){
alert("填写正确");
}
else{
alert("填写错误,请检查");
}
}
</script>
</body>

10、用DW制作网页时怎样在页面中加入搜索栏

1、新建一个asp页面,保存为“sousuojieguo.asp”。

2、打开之前制作过的"jiluji.asp“。

3、把鼠标指针放在表格的最左边,按回车键,把鼠标指针往上移,然后点击菜单栏的:插入-->表单-->表单,插入一个表单。

4、在表单里边输入”搜索:“,然后点击菜单栏:插入-->表单-->文本域,插入一个文本框。

5、鼠标点击刚刚插入的文本框,然后在下方把id改成"sousuo"。

6、然后把鼠标放到文本框的后边,插入一个按钮,并把按钮上的显示文字改成"搜索“,切换到刚刚新建的”sousuojiesuo.asp“页面,打开”绑定“面板,点击”+“,选择”记录集(查询)“。

7、在弹出的界面如图所示设置:筛选设置成:xingming-包含-表单变量-sousuo。

8、把鼠标放到搜索结果页面上输入“搜索结果:“,然后回车,在点击菜单栏:插入-->表格。插入一个2行4列的表格。

9、 然后在表格第一行一次输入如图所示文字。

10、然后把绑定面板中刚刚新建的记录集依次拖入表格第二行对应的位置。 


11、把鼠标指针放到第二行的任意位置,然后点击界面下方的<tr>标签,选中第二行。

12、打开”服务器行为“面板,点击”+“,选择”重复区域“。

13、在弹出的界面中选择”所有记录“,然后点击”确定“。

14、切换到”jiluji.asp",把鼠标指针放到搜索框所在表单中,点击界面下方的<form#form1>,选中整个表单。

15、在属性面板中点击动作方框右边的“文件夹”按钮,在弹出的界面中选择”sousuojieguo.asp“。选择完成后,下方的方法选择"post"。

16、保存所有文件,然后按F12就可以在浏览器中浏览效果了。

与网页设计表单查找输入文本框相关的知识