テキスト入力の↓を押して過去入力した文字列を入れたい

お世話になっております。

htmlの手直しをしていたら

html
1姓：<input type="text" name="familyname" size="10" width="30"> 
2名：<input type="text" name="lastname" size="10" width="30">

などの所で
毎回入力しなければならなく手間がかかるので
過去入力していた文字列をひっぱってこようかと思っております。

実装したいのですが
なんとググればそのような設定は出てくるのでしょうか？

基本的な事失礼しますが
上記お問い合わせいたします。

takito

2017/09/25 02:51

「毎回入力しなければならない手間」というのは誰の立場のことですか？

moitaro

2017/09/25 02:58

ユーザーです。　それでhtmlにCookieもautocompleteもhtmlのソースにはないのに一回入力したら↓で表示されるようになったので困惑しているのです……　((+_+))

takito

2017/09/25 05:07

それは、ブラウザのオートコンプリート機能（フォームのチェック）がＯＮになっているのでしょうね。確認されましたか？

moitaro

2017/09/25 05:44

あっ　なるほどっ　ブラウザのオートコンプリート機能がONになっていました……

行動規範の内容に同意します

回答5件

ベストアンサー

他には
autocomplete

投稿2017/09/25 01:50

m.ts10806

総合スコア80850

moitaro

2017/09/25 06:03

mts10806様ありがとうございます。オートコンプリート機能 http://www.tku.ac.jp/iss/guide/web/blog/tipsweb/ie.html の解決した気がします…… この度は誠にありがとうございました。

行動規範の内容に同意します

なんとググれば
↓
Cookie

投稿2017/09/25 01:39

showkit

総合スコア1638

入力がエディタ上でなくHTML上の話であれば、「localStorage フォーム」で。

投稿2017/09/25 02:26

編集2017/09/25 02:27

kei344

総合スコア69407

showkit様の仰るようにcookieを使う場合は

lang
1<!doctype html>
2<html>
3<head>
4<meta charset="utf-8">
5<title>cookieTest</title>
6<script>
7window.onload = function(){
8  var select = document.getElementById("inputFromHis");
9  var text = document.getElementById("text");
10  var button = document.getElementById("saveCookie");
11  var reg = /cookie\d=[^;]+;?/g;
12  var cookieString = document.cookie;
13  var histories = [];
14
15  if(cookieString != ""){
16    cookieString.match(reg).forEach(function(str){
17      histories.push(unescape(str.substring(8).replace(";","")));
18    });
19    histories.forEach(function(his){
20      var op = new Option(his,his);
21      select.appendChild(op);
22    });
23  }
24
25  button.addEventListener("click",function(){
26    if(text.value!=""){
27      document.cookie = "cookie"+histories.length+"="+escape(text.value)+"; max-age=604800";
28      var op = new Option(text.value,text.value);
29      select.appendChild(op);
30    }
31  },false);
32
33};
34</script>
35</head>
36<body>
37<select id="inputFromHis">
38</select>
39<br />
40<input type="text" id="text" placeholder="cookie"></input> <button id="saveCookie">save</button>
41</body>
42</html>

みたいな感じでjavascriptを使う必要が出てきます。上のコードは1例です。参考程度に。

投稿2017/09/25 02:08

編集2017/09/25 11:42

namnium1125

総合スコア2043

namnium1125

2017/09/25 02:17

タグにhtmlとあったのでよく質問文をみないで回答してしまいましたけど、「htmlの手直しをする」シチュエーションでしたか。でしたら話の主題はエディタの機能とかだったりですね。。(^ ^; 私はエディタのことはよくわからないので答えられませんけど、どんなエディタを使っているか等も書くといいかもしれません。