Form Field
HTML Code
Sample Rule
<input type="text" name="fullname" autocomplete="off">
Type = Text Name = "fullname"
Value = Test User
<input name="firstname">
Type = Text Name = "firstname"
Value = Test
<input name="lastname">
Type = Text Name = "lastname"
Value = User
<input type="email" name="email">
Type = Text Name = "email"
Value = test@user.com
<input type="text" id="uname" name="username">
Type = Text Name = "username"
Value = testuser
<input type="text" id="user" title="Enter your ID">
Type = Text Name = "user"
Value = test_user
<input type="text" id="userID">
Type = Text Name = "userID"
Value = test.user
<input type="text" name="ctl00_Content_bank">
Type = Text Name = "ctl00_Content_bank"
Value = 0123456789
<input type="number" name="ctl00_Content_bank_nr" min="0">
Type = Text Name = "ctl00_Content_bank_nr"
Value = 9876543210
<input type="text" name="passengers[0].passengerName">
Type = Text Name = "passengers[0].passengerName"
Value = T. User
<input id="colorpicker" type="color">
Type = Text Name = "colorpicker"
Value = #0080c0
<input id="calendar" type="date">
Type = Text Name = "calendar"
Value = 1984-04-01
<input id="slider" type="range" min="0" max="5" step="0.5">
Type = Text Name = "slider"
Value = 4.5
<input type="search" name="q" placeholder="Search for something">
Type = Text Name = "q"
Value = autofill
<input id="clock" type="time">
Type = Text Name = "clock"
Value = 12:00
Editable div:
Edit something here...
<div id="editDiv" contenteditable="true"></div>
Type = Text Name = "editDiv"
Value = This field was autofilled!
<input type="hidden" id="secret">
Type = Text Name = "secret"
Value = shhh
Click button to insert <input name="newly-added">
Type = Text Name = "newly-added"
Value = TEST
<input type="password" name="pass">
Type = Password Name = "pass"
Value = blahblahblah
<input type="password" name="pass2">
Type = Password Name = "pass2"
Value = blahblahblah
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
Type = Select Name = "year"
Value = "1984"
or 84
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
Type = Select Name = "stars"
Value = "*****"
or 5
<select id="multi" multiple>...</select>
Type = Select Name = "multi"
Value = "B"|"D"
or 1|3
Fruit:
Pick one...
Pick one...
Apple
Lime
Blueberry
Bootstrap-select
Type = Select Name = "fruit"
Value = "Blueberry"
or 3
<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
–or –
Type = Checkbox/Radio Name = "Male"
Value = 1
<input type="button" name="test1" value="Test 1">
Type = JavaScript Value = document.querySelector('input[name="test1"]').click();
<button type="button" name="test2">Test 2</button>
Type = JavaScript Value = document.querySelector('button[name="test2"]').click();
<input type="submit">
Type = JavaScript Value = document.querySelector('input[type="submit"]').click();
<iframe src="https://tohodo.neocities.org/"></iframe>
Type = Text Name = "message_name"
Value = Test User
Site = tohodo.neocities.org
Type = Text Name = "message_email"
Value = test@user.com
Site = tohodo.neocities.org
Type = Text Name = "message_body"
Value = Hello, world.
Site = tohodo.neocities.org
<textarea name="desc" rows="2"></textarea>
Type = Text Name = "desc"
Value = This field was autofilled!
CKEditor 3
Type = Text Name = "Rich text editor, ckeditor3"
Value = <p style="text-align: center;">This field was autofilled!</p>
CKEditor 4
Type = Text Name = "Rich Text Editor, ckeditor4"
Value = <h1>This field was autofilled!</h1>
CKEditor 5 default text (contentEditable).
Rich Text Editor CKEditor 5 default text (contentEditable).
CKEditor 5
Type = Text Name = "Rich Text Editor, main"
Value = <blockquote><p>This field was autofilled!</p></blockquote>
Editor.js default text (contentEditable).
Editor.js
Type = Text Name = /\bce-paragraph cdx-block\b/
Value = <b><i>This field was autofilled!</i></b>
NicEdit default text (contentEditable).
NicEdit
Type = Text Name = /\bnicEdit-main\b/
Value = <ul><li>This field was autofilled!<br></li></ul>
Quill default text (contentEditable).
Quill
Type = Text Name = /\bql-editor\b/
Value = <h2>This field was autofilled!</h2>
Summernote default text (contentEditable).
Summernote default text (contentEditable).
ESC Escape
ENTER Insert Paragraph
CTRL+Z Undo the last command
CTRL+Y Redo the last command
TAB Tab
SHIFT+TAB Untab
CTRL+B Set a bold style
CTRL+I Set a italic style
CTRL+U Set a underline style
CTRL+SHIFT+S Set a strikethrough style
CTRL+BACKSLASH Clean a style
CTRL+SHIFT+L Set left align
CTRL+SHIFT+E Set center align
CTRL+SHIFT+R Set right align
CTRL+SHIFT+J Set full align
CTRL+SHIFT+NUM7 Toggle unordered list
CTRL+SHIFT+NUM8 Toggle ordered list
CTRL+LEFTBRACKET Outdent on current paragraph
CTRL+RIGHTBRACKET Indent on current paragraph
CTRL+NUM0 Change current block's format as a paragraph(P tag)
CTRL+NUM1 Change current block's format as H1
CTRL+NUM2 Change current block's format as H2
CTRL+NUM3 Change current block's format as H3
CTRL+NUM4 Change current block's format as H4
CTRL+NUM5 Change current block's format as H5
CTRL+NUM6 Change current block's format as H6
CTRL+ENTER Insert horizontal rule
CTRL+K Show Link Dialog
Summernote
Type = Text Name = /\bnote-editable\b/
Value = <span style="background-color: rgb(255, 255, 0);">This field was autofilled!</span>
TinyMCE
Type = Text Name = "tinymce_ifr"
Value = <pre>This field was autofilled!</pre>
WYMeditor
Type = Text Name = www.tohodo.com/autofill/wymeditor/iframe/default/wymiframe.html
Value = <ol><li>This field was autofilled!<br></li></ol>
YUI 2 Rich Text Editor (not supported in Firefox)
Type = Text Name = "yui2rte_editor"
Value = <b>This field was autofilled!</b>
YUI 2 Rich Text Editor (not supported in Firefox)
Type = Text Name = "yui2rte-iframe_editor"
Value = <i>This field was autofilled!</i>
YUI 3 Rich Text Editor
Type = Text Name = [height="99%"]
Value = <u>This field was autofilled!</u>