html怎么在文本框里面输入文字

html怎么在文本框里面输入文字,第1张

<html>

<body>

<form action="/example/html/form_action.asp" method="get">

<p>First name: <input type="text" name="fname" /></p>

<p>Last name: <input type="text" name="lname" /></p>

<input type="submit" value="Submit" />

</form>

<p>请单击确认按钮,输入会发送到服务器上名为 "form_action.asp" 的页面。</p>

</body>

</html>

的是INPUT标签。

input标签后面的type是输入的类型

type="text"是文本输入框

type="submit"是提交按钮

他会被标记为一个类似于变量的结构

name后面就使用输入数值的时候的名字

HTML输入框输入后变成文本是通过输入后失去焦点,更改为label嵌套input来实现的。

实现思路:当输入文本后,隐藏input对象,然后把文本内容追加到label标签内。

实现代码:

1、html代码:

<!DOCTYPE

html>

<html>

<head>

<script

src="jquery-1.8.3.min.js"/>

</head>

<body>

<label>

 

 <input

type="text"

name="输入后消失"

id="input1"/>

</label>

</body>

</html>

2、js代码:

$(document).ready(function(){

 

$("#input1").blur(function(){

 

 

$(this).hide()

 

 

$(this).parent().html($(this).val())

 

})

})

3、显示效果如下:

输入文字:

显示结果:

调用文件对象的 createWriter 方法,成功以后会返回一个 FileWriter 对象。使用这个对象,我们可以往文件里面写入内容。

先获取到想要写入内容的文件。 比如我们想往根目录下面的 data.txt 这个空白的文件里添加点东西, 获取文件用的是目录对象的 getFile 方法 。成功以后,再去调用获取到的这个文件对象的 createWriter 方法, 调用成功,让它去执行一个匿名函数,出现错误去执行 onError。创建文件写入器成功的话会返回一个 文件写入器 的对象 , 我们把这个对象交给这个成功以后要执行的函数,作为它的一个参数 ,这样在这个函数里面,我们可以使用这个文件写入器对象的方法往文件里写入内容。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6097537.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-14
下一篇 2023-03-14

发表评论

登录后才能评论

评论列表(0条)

保存