Search boxes
This information is intended for web developers.
Basic principles
The hyperlinking functionality enables easy integration of custom search boxes into your web page design. This allows users of your site to access the online dictionary directly by typing a word into the search box.
This integration makes sense only if the users of your site are authorized to access the dictionary. We recommend integrating it into the portal of a university, public organization, or similar entity that has subscribed to the online dictionary.
Note: if you would like to integrate a search box into your site, please always use this logo :
Use
Search boxes are straightforward HTML forms that include an input box and an action linked to the Enter key or a button. To ensure this action initiates a search in your preferred dictionary, use the URL syntax. The examples below offer basic code that you can customize for seamless integration into your HTML pages.
The examples below provide the basic code, which you can then customize for integration into your HTML pages.
Petit Robert
Here is an example of a simple search box, which allows you to search for a word in Le Petit Robert online and display the result in a new browser window:
<div style='font:400 10px Calibri, Helvetica, sans-serif;background:#fff;border: solid 3px #D7191B;border-radius:5px;width:250px;'>
<a href='https://petitrobert.lerobert.com' target='_blank' style='display:block;align:center;background:transparent url(statics/img/LOGO_DLR.jpg) no-repeat 5px 6px;height:70px;'></a>
</div>
<div style='width:232px;background:none;border:none;padding:10px;display:flex'>
<input type='text' name='forme' placeholder='Search in Le Petit Robert' style='padding:0 10px;border-radius:5px 0 0 5px;background:#fff;outline:none;height:36px;line-height:36px;border:solid 1px #c0c0c0;cursor:text;flex-grow:2;' autocapitalize='off' autocomplete='off' autocorrect='off' spellcheck='false' title='Search a word' />
<button type='submit' style='width:36px;color:#227DAB;padding:6px;border-radius:0 5px 5px 0;background:#ddd;outline:none;height:36px;line-height:36px;border:none;cursor:pointer;'>
<svg focusable='false' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'> <path d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'></path>
</svg>
</button>
</div>
</div>
</form>
Note that the input box variable must be named forme to ensure the search works when pressing the Enter key.
Le Grand Robert & Collins
Similarly, here is an example of a simple search box, which allows you to search for any word or phrase in the Grand Robert & Collins and display the result in a new window:
<div style='font:400 10px Calibri, Helvetica, sans-serif;background:#fff;border: solid 3px #0073A8;border-radius:5px;width:250px;'>
<div style='padding:0; background:none; border:none;'>
<a href='https://grc.lerobert.com' target='_blank' style='display:block;background:transparent url(statics/img/GRCE-logo.svg) no-repeat 5px 6px;height:90px;align:left;'></a>
</div>
<div style='width:232px;background:none;border:none;padding:10px;display:flex'>
<input type='text' name='mot' placeholder='Search in le Grand Robert & Collins' style='padding:0 10px;border-radius:5px 0 0 5px;background:#fff;outline:none;height:36px;line-height:36px;border:solid 1px #c0c0c0;cursor:text;flex-grow:2;' autocapitalize='off' autocomplete='off' autocorrect='off' spellcheck='false' title='Search a word' />
<button type='submit' style='width:36px;color:#227DAB;padding:6px;border-radius:0 5px 5px 0;background:#ddd;outline:none;height:36px;line-height:36px;border:none;cursor:pointer;'>
<svg focusable='false' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'> <path d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'></path>
</svg>
</button>
</div>
</div>
</form>
You can easily adapt these examples for your own web pages. Additionally, for the Robert & Collins dictionary, you can create search boxes that automatically open the dictionary in the English interface using the modified URL syntax.
Dictionary | Code |
Le Petit Robert | <form action='https://petitrobert.lerobert.com' role='search' method='get' target='_blank'> <div style='font:400 10px Calibri, Helvetica, sans-serif;background:#fff;border: solid 3px #D7191B;border-radius:5px;width:250px;'> <a href='https://petitrobert.lerobert.com' target='_blank' style='display:block;align:center;background:transparent url(statics/img/LOGO_DLR.jpg) no-repeat 5px 6px;height:70px;'></a> </div> <div style='width:232px;background:none;border:none;padding:10px;display:flex'> <input type='text' name='forme' placeholder='Search in le Petit Robert' style='padding:0 10px;border-radius:5px 0 0 5px;background:#fff;outline:none;height:36px;line-height:36px;border:solid 1px #c0c0c0;cursor:text;flex-grow:2;' autocapitalize='off' autocomplete='off' autocorrect='off' spellcheck='false' title='Search a word' /> <button type='submit' style='width:36px;color:#227DAB;padding:6px;border-radius:0 5px 5px 0;background:#ddd;outline:none;height:36px;line-height:36px;border:none;cursor:pointer;'> <svg focusable='false' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'> <path d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'></path> </svg> </button> </div> </div> </form> |
Le Petit Robert de la langue française et des noms propres | <form action='https://petitrobert12.lerobert.com' role='search' method='get' target='_blank'> <div style='font:400 10px Calibri, Helvetica, sans-serif;background:#fff;border: solid 3px #D7191B;border-radius:5px;width:250px;'> <a href='https://petitrobert12.lerobert.com' target='_blank' style='display:block;align:center;background:transparent url(statics/img/LOGO_DLR.jpg) no-repeat 5px 6px;height:70px;'></a> </div> <div style='width:232px;background:none;border:none;padding:10px;display:flex'> <input type='text' name='forme' placeholder='Search in le Petit Robert de la langue française et des noms propres' style='padding:0 10px;border-radius:5px 0 0 5px;background:#fff;outline:none;height:36px;line-height:36px;border:solid 1px #c0c0c0;cursor:text;flex-grow:2;' autocapitalize='off' autocomplete='off' autocorrect='off' spellcheck='false' title='Search a word' /> <button type='submit' style='width:36px;color:#227DAB;padding:6px;border-radius:0 5px 5px 0;background:#ddd;outline:none;height:36px;line-height:36px;border:none;cursor:pointer;'> <svg focusable='false' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'> <path d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'></path> </svg> </button> </div> </div> </form> |
Le Grand Robert | <form action='https://grandrobert.lerobert.com' role='search' method='get' target='_blank'> <div style='font:400 10px Calibri, Helvetica, sans-serif;background:#fff;border: solid 3px #D7191B;border-radius:5px;width:250px;'> <a href='https://grandrobert.lerobert.com' target='_blank' style='display:block;align:center;background:transparent url(statics/img/LOGO_DLR.jpg) no-repeat 5px 6px;height:70px;'></a> </div> <div style='width:232px;background:none;border:none;padding:10px;display:flex'> <input type='text' name='forme' placeholder='Search in le Grand Robert' style='padding:0 10px;border-radius:5px 0 0 5px;background:#fff;outline:none;height:36px;line-height:36px;border:solid 1px #c0c0c0;cursor:text;flex-grow:2;' autocapitalize='off' autocomplete='off' autocorrect='off' spellcheck='false' title='Search a word' /> <button type='submit' style='width:36px;color:#227DAB;padding:6px;border-radius:0 5px 5px 0;background:#ddd;outline:none;height:36px;line-height:36px;border:none;cursor:pointer;'> <svg focusable='false' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'> <path d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'></path> </svg> </button> </div> </div> </form> |
Le Grand Robert & Collins | <form action='https://grc.lerobert.com' role='search' method='get' target='_blank'> <div style='font:400 10px Calibri, Helvetica, sans-serif;background:#fff;border: solid 3px #0073A8;border-radius:5px;width:250px;'> <div style='padding:0; background:none; border:none;'> <a href='https://grc.lerobert.com' target='_blank' style='display:block;background:transparent url(statics/img/GRCE-logo.svg) no-repeat 5px 6px;height:90px;align:left;'></a> </div> <div style='width:232px;background:none;border:none;padding:10px;display:flex'> <input type='text' name='mot' placeholder=''Search in le Grand Robert & Collins' style='padding:0 10px;border-radius:5px 0 0 5px;background:#fff;outline:none;height:36px;line-height:36px;border:solid 1px #c0c0c0;cursor:text;flex-grow:2;' autocapitalize='off' autocomplete='off' autocorrect='off' spellcheck='false' title='Search a word' /> <button type='submit' style='width:36px;color:#227DAB;padding:6px;border-radius:0 5px 5px 0;background:#ddd;outline:none;height:36px;line-height:36px;border:none;cursor:pointer;'> <svg focusable='false' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'> <path d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'></path> </svg> </button> </div> </div> </form> |
Le Robert Collège | <form action='https://college.lerobert.com' role='search' method='get' target='_blank'> <div style='font:400 10px Calibri, Helvetica, sans-serif;background:#fff;border: solid 3px #D7191B;border-radius:5px;width:250px;'> <a href='https://college.lerobert.com' target='_blank' style='display:block;align:center;background:transparent url(statics/img/LOGO_DLR.jpg) no-repeat 5px 6px;height:70px;'></a> </div> <div style='width:232px;background:none;border:none;padding:10px;display:flex'> <input type='text' name='forme' placeholder=''Search in le Robert Collège' style='padding:0 10px;border-radius:5px 0 0 5px;background:#fff;outline:none;height:36px;line-height:36px;border:solid 1px #c0c0c0;cursor:text;flex-grow:2;' autocapitalize='off' autocomplete='off' autocorrect='off' spellcheck='false' title='Search a word' /> <button type='submit' style='width:36px;color:#227DAB;padding:6px;border-radius:0 5px 5px 0;background:#ddd;outline:none;height:36px;line-height:36px;border:none;cursor:pointer;'> <svg focusable='false' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'> <path d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'></path> </svg> </button> </div> </div> </form> |
Le Robert Junior | <form action='https://junior.lerobert.com' role='search' method='get' target='_blank'> <div style='font:400 10px Calibri, Helvetica, sans-serif;background:#fff;border: solid 3px #D7191B;border-radius:5px;width:250px;'> <a href='https://junior.lerobert.com' target='_blank' style='display:block;align:center;background:transparent url(statics/img/LOGO_DLR.jpg) no-repeat 5px 6px;height:70px;'></a> </div> <div style='width:232px;background:none;border:none;padding:10px;display:flex'> <input type='text' name='forme' placeholder='Search in le Robert Junior' style='padding:0 10px;border-radius:5px 0 0 5px;background:#fff;outline:none;height:36px;line-height:36px;border:solid 1px #c0c0c0;cursor:text;flex-grow:2;' autocapitalize='off' autocomplete='off' autocorrect='off' spellcheck='false' title='Search a word' /> <button type='submit' style='width:36px;color:#227DAB;padding:6px;border-radius:0 5px 5px 0;background:#ddd;outline:none;height:36px;line-height:36px;border:none;cursor:pointer;'> <svg focusable='false' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'> <path d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'></path> </svg> </button> </div> </div> </form> |
Le Robert illustré | <form action='https://robertillustre.lerobert.com' role='search' method='get' target='_blank'> <div style='font:400 10px Calibri, Helvetica, sans-serif;background:#fff;border: solid 3px #D7191B;border-radius:5px;width:250px;'> <a href='https://robertillustre.lerobert.com' target='_blank' style='display:block;align:center;background:transparent url(statics/img/LOGO_DLR.jpg) no-repeat 5px 6px;height:70px;'></a> </div> <div style='width:232px;background:none;border:none;padding:10px;display:flex'> <input type='text' name='forme' placeholder='Search in le Robert illustré' style='padding:0 10px;border-radius:5px 0 0 5px;background:#fff;outline:none;height:36px;line-height:36px;border:solid 1px #c0c0c0;cursor:text;flex-grow:2;' autocapitalize='off' autocomplete='off' autocorrect='off' spellcheck='false' title='Search a word' /> <button type='submit' style='width:36px;color:#227DAB;padding:6px;border-radius:0 5px 5px 0;background:#ddd;outline:none;height:36px;line-height:36px;border:none;cursor:pointer;'> <svg focusable='false' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'> <path d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'></path> </svg> </button> </div> </div> </form> |