Form Field
HTML Code
Sample Rule
<input type="text" name="fullname" autocomplete="off">
Type = Text Name = ^fullname$
Value = TOM SMITH
Site = tohodo.com/autofill/form.html
<input name="firstname" placeholder="First name">
Type = Text Name = ^firstname$
Value = TOM
Site = tohodo.com/autofill/form.html
<input name="lastname" placeholder="Last name">
Type = Text Name = ^lastname$
Value = SMITH
Site = tohodo.com/autofill/form.html
<input type="email" name="email">
Type = Text Name = ^email$
Value = tom@smith.com
Site = tohodo.com/autofill/form.html
<input type="text" id="uname" name="username">
Type = Text Name = ^username$
Value = tsmith
Site = tohodo.com/autofill/form.html
<input type="text" id="user" title="Enter your ID">
Type = Text Name = ^user$
Value = tomsmith
Site = tohodo.com/autofill/form.html
<input type="text" id="userID">
Type = Text Name = ^userID$
Value = tom.smith
Site = tohodo.com/autofill/form.html
<input type="text" name="ctl00_Content_bank">
Type = Text Name = ^ctl00_Content_bank$
Value = 0123456789
Site = tohodo.com/autofill/form.html
<input type="number" name="ctl00_Content_bank_nr" min="0">
Type = Text Name = ^ctl00_Content_bank_nr$
Value = 9876543210
Site = tohodo.com/autofill/form.html
<input type="text" name="passengers[0].passengerName">
Type = Text Name = ^passengers\[0\]\.passengerName$
Value = T. Smith
Site = tohodo.com/autofill/form.html
<input id="colorpicker" type="color">
Type = Text Name = ^colorpicker$
Value = #0080c0
Site = tohodo.com/autofill/form.html
<input id="calendar" type="date">
Type = Text Name = ^calendar$
Value = 1984-04-01
Site = tohodo.com/autofill/form.html
<input id="slider" type="range" min="0" max="5" step="0.5">
Type = Text Name = ^slider$
Value = 4.5
Site = tohodo.com/autofill/form.html
<input type="search" name="q" placeholder="Search for something">
Type = Text Name = ^q$
Value = autofill
Site = tohodo.com/autofill/form.html
<input id="clock" type="time">
Type = Text Name = ^clock$
Value = 12:00
Site = tohodo.com/autofill/form.html
Editable div:
Edit something here...
<div id="editDiv" contenteditable="true"></div>
Type = Text Name = ^editDiv$
Value = This field was autofilled!
Site = tohodo.com/autofill/form.html
<input type="hidden" id="secret">
Type = Text Name = ^secret$
Value = shhh
Site = tohodo.com/autofill/form.html
Click button to insert <input name="state">
Type = Text Name = ^state$
Value = California
Site = tohodo.com/autofill/form.html
<input type="password" name="pass">
Type = Password Name = ^pass$
Value = blahblahblah
Site = tohodo.com/autofill/form.html
<input type="password" name="pass2">
Type = Password Name = ^pass2$
Value = blahblahblah
Site = tohodo.com/autofill/form.html
Birthday:
January
February
March
April
May
June
July
August
September
October
November
December
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1900
1901
1902
1903
1904
1905
1906
1907
1908
1909
1910
1911
1912
1913
1914
1915
1916
1917
1918
1919
1920
1921
1922
1923
1924
1925
1926
1927
1928
1929
1930
1931
1932
1933
1934
1935
1936
1937
1938
1939
1940
1941
1942
1943
1944
1945
1946
1947
1948
1949
1950
1951
1952
1953
1954
1955
1956
1957
1958
1959
1960
1961
1962
1963
1964
1965
1966
1967
1968
1969
1970
1971
1972
1973
1974
1975
1976
1977
1978
1979
1980
1981
1982
1983
1984
1985
1986
1987
1988
1989
1990
1991
1992
1993
1994
1995
1996
1997
1998
1999
2000
2001
2002
2003
2004
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
<select name="month">…</select>
<select name="day">…</select>
<select name="year">…</select>
Type = Select Name = ^month$
Value = "apr"
or 3
Site = tohodo.com/autofill/form.html
Type = Select Name = ^year$
Value = "1984"
or 84
Site = tohodo.com/autofill/form.html
Quantity:
Pick one...
1 apple
5 apples
10 apples
15 apples
20 apples
25 apples
50 apples
100 apples
Quality:
Pick one...
⋆
⋆⋆
⋆⋆⋆
⋆⋆⋆⋆
⋆⋆⋆⋆⋆
⋆⋆⋆⋆⋆⋆
<select name="qty">…</select>
<select name="stars">…</select>
Type = Select Name = ^qty$
Value = "5 apples"
or 2
Site = tohodo.com/autofill/form.html
Type = Select Name = ^stars$
Value = "*****"
or 5
Site = tohodo.com/autofill/form.html
<select id="multi" multiple>…</select>
Type = Select Name = ^multi$
Value = "B"|"D"
or 1|3
Site = tohodo.com/autofill/form.html
Fruit:
Pick one...
Apple
Lime
Blueberry
Bootstrap-select
Type = Select Name = ^fruit$
Value = "Blueberry"
or 3
Site = tohodo.com/autofill/form.html
<input type="checkbox" id="r" name="red" checked>
<input type="checkbox" id="g" name="green">
<input type="checkbox" id="b" name="blue" checked>
Type = Checkbox/Radio Name = ^green$
Value = 1
Type = Checkbox/Radio Name = ^blue$
Value = 0
<input type="radio" id="f" name="gender" value="Female">
<input type="radio" id="m" name="gender" value="Male">
Type = Checkbox/Radio Name = ^gender$
Value = 01
Site = tohodo.com/autofill/form.html
–or –
Type = Checkbox/Radio Name = ^Male$
Value = 1
Site = tohodo.com/autofill/form.html
<input type="button" name="test1" value="Test 1">
Type = JavaScript Value = document.querySelector('input[name="test1"]').click();
Site = tohodo.com/autofill/form.html
<button type="button" name="test2">Test 2</button>
Type = JavaScript Value = document.querySelector('button[name="test2"]').click();
Site = tohodo.com/autofill/form.html
<input type="submit">
Type = JavaScript Value = document.querySelector('input[type="submit"]').click();
Site = tohodo.com/autofill/form.html
<iframe src="https://tohodo-playground.surge.sh/iframe.html"></iframe>
Type = Text Name = ^user_name$
Value = Tom Smith
Site = tohodo-playground.surge.sh/iframe.html
Type = Text Name = ^user_email$
Value = tom@smith.com
Site = tohodo-playground.surge.sh/iframe.html
Type = Text Name = ^user_message$
Value = Hello, world.
Site = tohodo-playground.surge.sh/iframe.html
<textarea name="desc" rows="2"></textarea>
Type = Text Name = ^desc$
Value = This field was autofilled!
Site = tohodo.com/autofill/form.html
CKEditor 3
Type = Text Name = ^Rich text editor, ckeditor3$
Value = <p style="text-align: center;">This field was autofilled!</p>
Site = tohodo.com/autofill/
CKEditor 4
Type = Text Name = ^Rich Text Editor, ckeditor4$
Value = <h1>This field was autofilled!</h1>
Site = tohodo.com/autofill/form.html
CKEditor 5 default text (contentEditable).
CKEditor 5
Type = Text Name = ^Rich Text Editor, main$
Value = <blockquote><p>This field was autofilled!</p></blockquote>
Site = tohodo.com/autofill/form.html
Editor.js
Type = Text Name = \bce-paragraph cdx-block\b
Value = <b><i>This field was autofilled!</i></b>
Site = tohodo.com/autofill/form.html
NicEdit
Type = Text Name = \bnicEdit-main\b
Value = <ul><li>This field was autofilled!<br></li></ul>
Site = tohodo.com/autofill/form.html
Quill default text (contentEditable).
Quill
Type = Text Name = \bql-editor\b
Value = <h2>This field was autofilled!</h2>
Site = tohodo.com/autofill/form.html
Summernote default text (contentEditable).
Summernote
Type = Text Name = \bnote-editable\b
Value = <span style="background-color: rgb(255, 255, 0);">This field was autofilled!</span>
Site = tohodo.com/autofill/form.html
TinyMCE
Type = Text Name = ^tinymce_ifr$
Value = <pre>This field was autofilled!</pre>
Site = tohodo.com/autofill/form.html
WYMeditor
Type = Text Name = www\.tohodo\.com/autofill/wymeditor/iframe/default/wymiframe\.html
Value = <ol><li>This field was autofilled!<br></li></ol>
Site = tohodo.com/autofill/form.html
YUI 2 Rich Text Editor (not supported in Firefox)
Type = Text Name = ^yui2rte_editor$
Value = <b>This field was autofilled!</b>
Site = tohodo.com/autofill/form.html
YUI 2 Rich Text Editor (not supported in Firefox)
Type = Text Name = ^yui2rte-iframe_editor$
Value = <i>This field was autofilled!</i>
Site = tohodo.com/autofill/
YUI 3 Rich Text Editor
Type = Text Name = \[height="99%"\]
Value = <u>This field was autofilled!</u>
Site = tohodo.com/autofill/form.html