31:Tcda,choices = [ {name: "text", code: ``}, {name: "button", code: ``}, {name: "checkbox", code: ` Scales`}, {name: "color", code: ` Head`}, {name: "date", code:`Start date: `}, {name: "datetime-local", code: `Choose a time for your appointment: `}, {name: "email", code: `Enter your globex.com email: `}, {name: "file", code: `Choose a profile picture: `}, {name: "hidden", code:` `}, {name: "image", code:``}, {name: "month", code: `Start month: `}, {name: "number", code: `Number of tentacles (10-100): `}, {name: "password", code: ` Password (8 characters minimum): `}, {name: "radio", code: ` Huey`}, {name: "range", code: ` Volume`}, {name: "reset", code: ` `}, {name: "search", code:`Search the site: `}, {name: "submit", code:` `}, {name: "tel", code: `Enter your phone number: `}, {name: "time", code: `Choose a time for your meeting: `}, {name: "url", code:`Enter an https:// URL: `}, {name: "week", code: `Choose a week in May or June: `} ]32:[{"id":"d65a99c8d2503960075a118f114374dcbeaed8509f4657002c2ad2fdc6ce513afd168a2a507c482a7f547008b7a01ee2a39d803bd516a032f82ce9b5b6edc988","href":"https://static.observableusercontent.com/files/d65a99c8d2503960075a118f114374dcbeaed8509f4657002c2ad2fdc6ce513afd168a2a507c482a7f547008b7a01ee2a39d803bd516a032f82ce9b5b6edc988","name":"login-button.png","type":"image/png","lastModified":1635699386332.706,"size":2582}] 2f:{"title":"HTML Input Types Explorer","cells":[{"id":0,"value":"# HTML Input Types Explorer\n by Andrew Wooldridge\n October 31, 2021","pinned":false,"hidden":false,"mode":"md"},{"id":5,"value":"Preview all the different kinds of input types by choosing from the dropdown below.","pinned":false,"hidden":false,"mode":"md"},{"id":35,"value":"For more information read on [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input). (Code examples are from MDN.)","pinned":false,"hidden":false,"mode":"md"},{"id":26,"value":"viewof inputsChoice = Inputs.select(choices, {\n label: html`Select one`,\n format: x => x.name\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":48,"value":"### Markup","pinned":false,"hidden":false,"mode":"md"},{"id":45,"value":"viewof textarea = Inputs.textarea({\n placeholder: \"Type here\",\n value: inputsChoice.code,\n rows: 6\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":53,"value":"### Preview","pinned":false,"hidden":false,"mode":"md"},{"id":56,"value":"html`

\n${inputsChoice.code}\n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":30,"value":"# Codes","pinned":false,"hidden":false,"mode":"md"},{"id":58,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":40,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"# Includes","pinned":false,"hidden":false,"mode":"md"},{"id":17,"value":"import {style} with {myFontName as fontName} from \"@triptych/google-font-embedder\"\n\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"myFontName = \"Work Sans\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"style","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}